微信小程序中支持es7的async语法

Posted AC_meimei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序中支持es7的async语法相关的知识,希望对你有一定的参考价值。

在原生的微信小程序项目中需要把原来es6的promise方法改成es7的async await,这样代码看起来更直观。

但是,直接改成es7的asyncawait会报错提示:regeneratorRuntime is not defined
解决步骤:

1、在小程序开发工具中勾选es6转es5语法:
在这里插入图片描述
2、下载 facebook的regenerator库中的 js文件:
点我下载regenerator库中的js文件

注意:这里的给出的库是指定版本的,不要下载最新的。

在这里插入图片描述

3、在小程序目录下新建文件夹 lib/runtime/runtime.js,将代码拷贝进去。
在这里插入图片描述

4、在每一个需要使用async语法的页面js文件中,都引入(不能全局引入),只需要引入,不需要调用。

import regeneratorRuntime from '../../lib/runtime/runtime';

最后,可以正常的使用了async语法处理异步请求了。

以上是关于微信小程序中支持es7的async语法的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 使用 Async await 异步转同步请求

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

微信小程序第七天WXML语法之模板用法

微信小程序第七天WXML语法之模板用法

微信小程序使用npm安装regenerator-runtime,以支持async、await

微信小程序代码片段