小程序里使用es7的async await语法

咱们作小程序开发时,有时候想让本身代码变得整洁,异步操做时避免回调地狱.咱们会使用es6的promise. es7的async,await .
promise在小程序和云开发的云函数里均可以使用. async和await只能在云开发的云函数里使用.咱们在小程序的代码里直接使用,就会报以下错误.

这个报错就是告诉咱们不能在小程序里直接使用es7的async和await语法.可是这么好的语法咱们用起来确实显得代码整洁,逼格高.
那接下来我就教你们如何在小程序代码里使用es7的async和await语法.

一,下载facebook出的runtime.js类库

其实这个问题,一些大厂已经给出了解决方案.如上图,咱们只须要把facebook出的这个runtime.js类库下载下来,而后放到咱们的小程序项目里.
下载连接:https://github.com/facebook/regenerator/blob/master/packages/regenerator-runtime/runtime.js
github有时候下载比较慢,我也提早把这个类库下载好放我网盘里了.

下载连接:https://pan.baidu.com/s/19n5wmjIKK3PAPbcXBzWmQA 提取码：xxll

• 若是连接失效,能够在底部 留言,或者私信石头哥获取.

二,下载后,把runtime.js放到咱们项目里

我这里把runtime.js放到个人utils目录下,若是你没有utils目录,能够新建.

三,代码里引入runtime.js类库

这里建议你们用 require语法引入.

这里须要注意的是.上图咱们引入runtime.js时的变量名regeneratorRuntime必须和我这里如出一辙.要否则就会引入不成功.

引入完后,在编译代码,能够看到控制台再也不报咱们一开始的错误

四,简单使用async和await

首先要知道咱们async和await是结合使用的.

上图是我简单写的一个定时器来模拟异步等待.只要咱们这里成功的引入runtime.js类库,后面想使用async和await就方便不少了.

今天就讲到这里.想学习更多小程序相关的知识,请持续关注.下期见