await js 报错_在微信小程序中使用 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.1