微信小程序中使用 async/await 解决异步调用问题

在小程序开发中,通过打开 ES6 转 ES5 功能,可以直接在代码中使用 Promise。
但是还是不够,ES6+ 提供了 async/await 关键字,让你可以像同步方法一样使用异步方法。

步骤

1、保持微信开发者工具的项目设置中 ES6 转 ES5 处于打开状态。

2、在需要使用 async/await 的 JS 文件的头部引用 regenerator-runtime

import regeneratorRuntime from '../../libs/regenerator-runtime';

runtime 文件路径根据具体项目修改。

3、代码示例

async getList () {
  try {
    let result = await getListAsync();
    console.log(result);
  } catch (error) {
    console.log(error);
  }
}

总结

regenerator-runtime 文件压缩后仅 6k,只要引用一个文件即可享受 async/await 带来的好处,强烈建议开始使用。

1 Reply to “微信小程序中使用 async/await 解决异步调用问题”

发表评论

This site uses Akismet to reduce spam. Learn how your comment data is processed.