小程序的后端代码语法基础
先启动云开发,在数据库中添加 json 文件来导入数据。将数据权限建议改为:所用用户可读,仅创建者可读写
现在只发现这一种导入多条数据的方法,json 文件应如下:
{ "name": "a", "age": 18 } { "name": "b", "age": 8 }
虽然在 vscode 中会报错,但是可以导入小程序的数据库(用对象数组的方式无法导入多条数据)
小程序的数据库类似于 mongodb
后端也是基于 js 的,你需要了解箭头函数以及异步相关的知识
箭头函数
语法:
(参数1, 参数2, …, 参数N) => { 函数声明 } (参数1, 参数2, …, 参数N) => 表达式(单一) // 相当于:(参数1, 参数2, …, 参数N) =>{ return 表达式; }
例如:
function sum(a, b) { return a + b }
可以写为:
const sum = (a, b) => a + b
异步
为什么要实现异步呢?如果某个行为耗时太长,那么之后的代码就会停滞运行,异步可以实现先跳过耗时长的行为,先执行后面的代码
js 中的代码默认是同步的,如何实现异步呢?在 js 中异步实现的机制如下:简单的代码放入主线程中,如果存在回调函数,那么 js 会将此任务放到异步任务执行队列中,等到主线程完成后再完成异步任务
例如,onclick 、setTimeout 均存在回调函数,那么它们均会被当做异步任务执行
// 注意!!! 异步并不代表并行!异步指的是让CPU暂时搁置当前请求的响应,处理下一个请求,当通过轮询或其他方式得到回调通知后,开始运行
同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行效率更高 // 我之前以为异步就是并行,导致我一直无法理解 setTimeout 函数
1、回调函数
回调函数就是一个被作为参数传递的函数,我们常常在 setTimeout() 中使用回调函数
当程序执行到 setTimeout 函数时,处理器会将代码移出本次执行程序,等到下一次 Event Loop 时,再检查是否到了指定的时间。如果到了就执行对应的代码。如果不到, 就等到下一轮Event Loop时重新判断
// 注意!!! js 始终为单线程程序
例如:
f1();
f2();
f3();
这些函数是同步执行的,我们使用 setTimeout() 来实现异步(打乱步骤),首先改写 f1 :
function f1(callback) { // callback 是函数 setTimeout(function() {…, callback();}, 1000); }
f1(f2);
f3();
那么 f1、f2 并不会阻碍 f3 的进程
2、Promise
有时候,我们希望在异步操作中加入同步的行为,例如,先向数据库中搜索,随后添加字段,这两个行为都是耗时长的,需要异步操作,但是我们又希望这两个行为先后进行。显然,我们可以通过嵌套 setTimeout 来实现,但是嵌套次数太多之后,就不利于维护和更新了,于是我们可以使用 Promise :
new Promise(function (resolve, reject) { console.log(1111); resolve(2222); }).then(function (value) { console.log(value); return 3333; }).then(function (value) { console.log(value); throw "An error"; }).catch(function (err) { console.log(err); });
我们可以使用 async 和 await 来美化代码,它们实际上都是通过 promise 实现的:
async function asyncFunc() { await print(1000, "First"); await print(4000, "Second"); await print(3000, "Third"); } asyncFunc();
await 代表等此异步任务执行完后才继续进程
注意,使用了回调函数不等于异步,例如:
<body>
<script>
function a() {
console.log('a')
}
function b(func) {
func()
}
b(a)
console.log(1)
</script>
</body>
结果为:
a
1
实际上,回调函数不能实现异步,但是,要想实现异步一定要建立在回调函数的基础之上。或者说,异步都是靠封装好的 API 实现的,例如 setTimeout ,除此自外我们不能自己实现异步操作
要深入了解异步实现的机制,可以学习进行时和 Event Loop
接下来,我们进行一些云开发的初始化
1、初始化
我们首先在 project.config.json 的'description' 下新建一条字段:
"cloudfunctionRoot":"cloud"
随后右键,在于 pages 同级的地方新建一个 cloud 文件夹(于上面定义的文件夹同名),它的图标会自动变成云朵
随后我们在 app.js 中的 onLaunch 函数中写入:
wx.cloud.init({ env:'daxiangcai-3g3uma9228230fb5' // 在云开发控制台中的设置中查看环境 ID })
浙公网安备 33010602011771号