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