小程序如何支持使用 async/await详解
前言
小程序本身是不支持async/await语法的，但有些应用场景，我们使用async/await会使得代码更简洁，也更易于维护，用过都知道是有多爽的。既然小程序不支持，那我们可以借助 fackbook 开源的 regenerator 来完成这一功能。 前面我也百度过一些方法，但很多方法都行不通，只能从其中找到一些线索，再加上实践来验证，最后在这里记录下成功的解决方法。
准备工作
1. 小程序目录下，新建一个packpage.json，通过命令行执行 npm init -y 可以快速创建
2. 安装 regenerator-runtime，命令行执行 npm i regenerator-runtime
3. 打开小程序开发者工具，点击右上角的工具选项，点击构建npm，稍等几秒，小程序目录下会出现 miniprogram_npm 文件夹，里面存放的就是构建完成的npm包
4. 开发者工具右上角 本地设置 勾选 使用npm模块
npm构建参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html
如何使用
引入 regenerator-runtime
import regeneratorRuntime from 'regenerator-runtime'
引入的名字必须是 regeneratorRuntime ，这个不是自定义的，必须就是这个名字！
然后就可以正常使用 async/await
最后
完成上面的步骤后，我在使用时会报一个错误
后面发现需要删除 regenerator-runtime 文件中一些源码后，才能正常使用。（不知道是哪里出了问题，假如你们在使用时出现这个错误，再参考下面的解决方法）
进入 miniprogram_npm/regenerator-runtime/index.js，大约730行处
删除 Function("r", "regeneratorRuntime = r")(runtime) 即可
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
本文介绍了利用Javascript在网页上计算当前月份的剩余天数的方法，大家参考使用吧2014-01-01
这篇文章主要介绍了微信小程序之onLaunch与onload异步问题详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要介绍了详解Webwork中Action 调用的方法的相关资料,需要的朋友可以参考下2016-02-02
每次实现各种图表时,总会用到echarts,不得不说确实是一个非常好用的开源库,这篇文章主要给大家介绍了关于前端用echarts绘制含有多个分层的波形图的相关资料,需要的朋友可以参考下2024-03-03
可以先使用 DOM 的 createElement 方法创建 tr 和 td，然后对 td 的 innerHTML 进行相应操作，最后用 appendChild 方法把创建的元素添加到 DOM 树中。这样在 IE 下就可以正常运行了。2009-08-08
在本文中，我将解释如何使用 setTimeout()，包括如何使用它来制作一个睡眠函数，使JavaScript暂停执行并在连续的代码行之间等待。2021-04-04
slice()方法和splice()方法都是原生js中对数组操作的方法。那么他两种有什么区别呢？今天通过本文教程给大家简单介绍下,需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了JS作用域，剖析JS的作用域问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了JavaScript实现的简单拖拽效果,涉及javascript针对鼠标事件与页面样式的操作技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了JS求解三元一次方程组值的方法,涉及JS数学运算的相关操作技巧,需要的朋友可以参考下2017-01-01
最新评论