微信小程序方法同步问题async-await

方法一:
在小程序开发工具中选择【详情】,勾选【增强编译】,去掉【ES6转ES5】,可直接使用async-await;将版本切换时有些以前的写法可能会有问题。我第二次测试这个方法时没有报错,async-await可以正常使用(清缓存重新编译测试的)。
微信小程序方法同步问题async-await_第1张图片
方法二:
下载runtime.js
链接:https://pan.baidu.com/s/1BFwv8U9Hda7sKPJy8-a8Nw
提取码:nssy

第二种下载方法:
官网https://www.npmjs.com/package/regenerator-runtime
用idea打开一个vue项目,在Terminal中运行npm i regenerator -runtime
微信小程序方法同步问题async-await_第2张图片
微信小程序方法同步问题async-await_第3张图片
然后在node_modules/regenerator-runtime文件夹中找到runtime.js。
vue项目也可以在控制台中创建,然后控制台定位到文件目录下运行npm i regenerator -runtime,百度一下如何创建新的vue项目,网上很多方法。

下载完js以后,将js放在一个目录中
微信小程序方法同步问题async-await_第4张图片
在需要使用的页面引入js文件所在位置,注意 import后面的名字必须是regeneratorRuntime,否则会报错regeneratorRuntime is not defined,将异步代码块封装到一个方法里面
//用promise包裹代码块 return new Promise((resolve, reject) => { //异步代码块 })
微信小程序方法同步问题async-await_第5张图片
注意await放的位置,不能放在类似let upload=()=>{}语句中,会报错,尽量放在普通语句后面。
微信小程序方法同步问题async-await_第6张图片
微信小程序方法同步问题async-await_第7张图片
上述如有问题,谢谢大家指点

你可能感兴趣的:(菜鸟成长)