小程序如何支持使用 async/await詳解
前言
小程序本身是不支持async/await語(yǔ)法的，但有些應(yīng)用場(chǎng)景，我們使用async/await會(huì)使得代碼更簡(jiǎn)潔，也更易于維護(hù)，用過都知道是有多爽的。既然小程序不支持，那我們可以借助 fackbook 開源的 regenerator 來(lái)完成這一功能。 前面我也百度過一些方法，但很多方法都行不通，只能從其中找到一些線索，再加上實(shí)踐來(lái)驗(yàn)證，最后在這里記錄下成功的解決方法。
準(zhǔn)備工作
1. 小程序目錄下，新建一個(gè)packpage.json，通過命令行執(zhí)行 npm init -y 可以快速創(chuàng)建
2. 安裝 regenerator-runtime，命令行執(zhí)行 npm i regenerator-runtime
3. 打開小程序開發(fā)者工具，點(diǎn)擊右上角的工具選項(xiàng)，點(diǎn)擊構(gòu)建npm，稍等幾秒，小程序目錄下會(huì)出現(xiàn) miniprogram_npm 文件夾，里面存放的就是構(gòu)建完成的npm包
4. 開發(fā)者工具右上角 本地設(shè)置 勾選 使用npm模塊
npm構(gòu)建參考文檔：https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html
如何使用
引入 regenerator-runtime
import regeneratorRuntime from 'regenerator-runtime'
引入的名字必須是 regeneratorRuntime ，這個(gè)不是自定義的，必須就是這個(gè)名字！
然后就可以正常使用 async/await
最后
完成上面的步驟后，我在使用時(shí)會(huì)報(bào)一個(gè)錯(cuò)誤
后面發(fā)現(xiàn)需要?jiǎng)h除 regenerator-runtime 文件中一些源碼后，才能正常使用。（不知道是哪里出了問題，假如你們?cè)谑褂脮r(shí)出現(xiàn)這個(gè)錯(cuò)誤，再參考下面的解決方法）
進(jìn)入 miniprogram_npm/regenerator-runtime/index.js，大約730行處
刪除 Function("r", "regeneratorRuntime = r")(runtime) 即可
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
javascript計(jì)算當(dāng)月剩余天數(shù)(天數(shù)計(jì)算器)示例代碼
本文介紹了利用Javascript在網(wǎng)頁(yè)上計(jì)算當(dāng)前月份的剩余天數(shù)的方法，大家參考使用吧2014-01-01
這篇文章主要介紹了微信小程序之onLaunch與onload異步問題詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要介紹了詳解Webwork中Action 調(diào)用的方法的相關(guān)資料,需要的朋友可以參考下2016-02-02
前端用echarts繪制含有多個(gè)分層的波形圖關(guān)鍵代碼
每次實(shí)現(xiàn)各種圖表時(shí),總會(huì)用到echarts,不得不說(shuō)確實(shí)是一個(gè)非常好用的開源庫(kù),這篇文章主要給大家介紹了關(guān)于前端用echarts繪制含有多個(gè)分層的波形圖的相關(guān)資料,需要的朋友可以參考下2024-03-03
可以先使用 DOM 的 createElement 方法創(chuàng)建 tr 和 td，然后對(duì) td 的 innerHTML 進(jìn)行相應(yīng)操作，最后用 appendChild 方法把創(chuàng)建的元素添加到 DOM 樹中。這樣在 IE 下就可以正常運(yùn)行了。2009-08-08
在本文中，我將解釋如何使用 setTimeout()，包括如何使用它來(lái)制作一個(gè)睡眠函數(shù)，使JavaScript暫停執(zhí)行并在連續(xù)的代碼行之間等待。2021-04-04
slice()方法和splice()方法都是原生js中對(duì)數(shù)組操作的方法。那么他兩種有什么區(qū)別呢？今天通過本文教程給大家簡(jiǎn)單介紹下,需要的朋友可以參考下2017-03-03
這篇文章主要為大家詳細(xì)介紹了JS作用域，剖析JS的作用域問題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript實(shí)現(xiàn)的簡(jiǎn)單拖拽效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的簡(jiǎn)單拖拽效果,涉及javascript針對(duì)鼠標(biāo)事件與頁(yè)面樣式的操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JS求解三元一次方程組值的方法,涉及JS數(shù)學(xué)運(yùn)算的相關(guān)操作技巧,需要的朋友可以參考下2017-01-01