微信小程序中使用微信小程序中使用 async/await的方法实例分析的方法实例分析
本文实例讲述了微信小程序中使用 async await的方法。分享给大家供大家参考，具体如下：
微信小程序中有大量接口是异步调用，比如 wx.login()、wx.request()、wx.getUserInfo() 等，都是使用一个对象作为参数，并定义了
success()、fail() 和 complete() 作为异步调用不同情况下的回调。
但是，以回调的方式来写程序，真的很伤，如果有一个过程需要依次干这些事情：
wx.getStorage() 获取缓存数据，检查登录状态
wx.getSetting() 获取配置信息，
wx.login() 使用配置信息进行登录
wx.getUserInfo() 登录后获取用户信息
wx.request() 向业务服务器发起数据请求
……
那么，代码大概会长这样
wx.getStorage({
fail: () => {
wx.getSetting({
success: settings => {
wx.login({
success: ({ code }) => {
wx.getUesrInfo({
code,
success: (userInfo) => {
wx.request({
success: () => {
// do something
}
});
}
});
}
});
}
});
}
});
显然，async/await 可以同样逻辑的代码看起来舒服得多。不过默认情况下，“微信开发者工具”并不支持 async/await。如何启
用？
1. 用上用上 async/await
如果有心，在微信小程序官方文档中搜索 async 可以找到“工具⇒开发辅助⇒代码编译”页面中提到了对 async/await 的支持情
况，是在“增加编译”小节的一个表格中，摘录一段：
在 1.02.1904282 以及之后版本的开发工具中，增加了增强编译的选项来增强 ES6 转 ES5 的能力，启用后会使用
新的编译逻辑以及提供额外的选项供开发者使用。
特性特性 原有逻辑原有逻辑 增强编译增强编译
Async/Await 不支持 支持
支持 async/await 语法，按需注入 regeneratorRuntime，目录位置与辅助函数一致
总之呢，就是，只要把“微信开发者工具”更新到 v1.02.1904282 以上，就不需要干 npm install regenerator 这之类的事情，只需要修
改一个配置项就能使用 async/await 特性了。这个配置就在“工具栏⇒详情⇒本地设置”页面中。
资源评论
靠谱群众2023-03-30资源中能够借鉴的内容很多，值得学习的地方也很多，大家一起进步！
