⼩程序如何⽀持使⽤asyncawait详解
前⾔
⼩程序本⾝是不⽀持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模块
如何使⽤
引⼊ regenerator-runtime
import regeneratorRuntime from 'regenerator-runtime'
引⼊的名字必须是 regeneratorRuntime ,这个不是⾃定义的,必须就是这个名字!
然后就可以正常使⽤ async/awaitawait和async使用方法
最后
完成上⾯的步骤后,我在使⽤时会报⼀个错误
后⾯发现需要删除 regenerator-runtime ⽂件中⼀些源码后,才能正常使⽤。(不知道是哪⾥出了问题,假如你们在使⽤时出现这个错误,再参考下⾯的解决⽅法)
进⼊ miniprogram_npm/regenerator-runtime/index.js,⼤约730⾏处
删除Function("r", "regeneratorRuntime = r")(runtime)即可
以上就是本⽂的全部内容,希望对⼤家的学习有所帮助,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论