在小程序中如何使用aysnc / await ?

ES7的async / await 号称解决异步操作的终极方案,它和ES6的Promise 都能让代码看起来更加美观、简洁,

但是小程序开发中是不能直接使用的,否则会报错如下:

 怎们办?这么好的语法不让用岂不是很浪费?

别着急,今天们就来聊聊如何在小程序中使用async / await 这种ES7 的新语法;

第一步:在小程序开发工具中,勾选ES6转ES5 语法

 第二步:下载Facebook的regenerator库中的 regenerator/packages/regenerator-runtime/runtime.js

其实这个问题,一些大厂已经给出了解决方案.如上图,我们只需要把facebook出的这个runtime.js类库下载下来,然后放到我们的小程序项目里.

下载链接:https://github.com/facebook/regenerator/blob/master/packages/regenerator-runtime/runtime.js

github有时候下载比较慢,我也提前把这个类库下载好放我网盘里了.

链接:https://pan.baidu.com/s/11oshuyKgYGWgD04H9TaJNg
提取码:wffx

第三步:在小程序目录下新建文件夹lib/runtime/runtime.js,将代码都拷贝进去

第四步:在每一个需要使用async 语法的页面js文件中,都进行引入(不能全局引入):

import regeneratorRuntime from "../../lib/runtime/runtime.js"

或是

const regeneratorRuntime = require ("../../lib/runtime/runtime.js")

第五步:重新编译,报错消失!完美解决!



至于async / await 语法具体怎么用,请自行查看文档!
 
PS: 本文 感谢 简书 编程小石头老师的分享  https://www.jianshu.com/p/0152115e2ccc
原文地址:https://www.cnblogs.com/fxwoniu/p/13863850.html