小程序如何支持使用 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) 即可
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JS实现双击屏幕滚动效果代码,涉及JavaScript鼠标事件的响应及页面元素属性的动态变换技巧,需要的朋友可以参考下2015-10-10
Package.js 现代化的JavaScript项目make工具
Package.js是一个很方便的JavaScript包依赖管理及Make工具。它的设计目标是使浏览器端的JavaScript Component/App 开发更加模块化2012-05-05
这篇文章主要介绍了js简单实现图片延迟加载的方法,涉及javascript针对页面元素的遍历与动态设置技巧,需要的朋友可以参考下2016-07-07
这篇文章主要介绍了JS获取地址栏参数的两种方法(简单实用)，小编给大家推荐使用第一种采用正则表达式获取地址栏参数的方法，此方法简单实用，对js获取地址栏参数相关知识感兴趣的朋友，一起学习吧2016-06-06
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
ie6/ie7的兼容问题很让人苦恼，我们可以针对这两个版本的浏览器单独写独立的样式表，来解决兼容问题。这里的例子以判断ie6与ie7来加载不同的样式表2011-12-12
最近研究XML 用JavaScript写了一个简单的XML读取的操作类发给大家分享一下 可兼容 IE 火狐 Safari Chrome 6月30日下午 新修改了一下2009-07-07
这篇文章主要介绍了JavaScript+CSS实现的可折叠二级菜单,以完整实例形式分析了JavaScript基于页面元素节点及样式的动态操作实现折叠菜单的相关技巧,需要的朋友可以参考下2016-02-02
这篇文章主要为大家详细介绍了原生JS实现留言板功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要介绍了js带前后翻页的图片切换效果，图片切换效果特别适合做产品展示，感兴趣的小伙伴可以参考下。2015-09-09
下拉选择框想必大家并不陌生，一边情况下都是使用默认的，为了打破传统，下面与大家分享下使用js自定义下拉选择框示例代码,感兴趣的朋友可以参考下2013-08-08
最新评论