小程序如何支持使用 async/await詳解
前言
小程序本身是不支持async/await語法的,但有些應(yīng)用場景,我們使用async/await會使得代碼更簡潔,也更易于維護(hù),用過都知道是有多爽的。既然小程序不支持,那我們可以借助 fackbook 開源的 regenerator 來完成這一功能。 前面我也百度過一些方法,但很多方法都行不通,只能從其中找到一些線索,再加上實踐來驗證,最后在這里記錄下成功的解決方法。
準(zhǔn)備工作
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)這個錯誤,再參考下面的解決方法)
進(jìn)入 miniprogram_npm/regenerator-runtime/index.js,大約730行處

刪除 Function("r", "regeneratorRuntime = r")(runtime) 即可
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
每天一篇javascript學(xué)習(xí)小結(jié)(String對象)
這篇文章主要介紹了javascript中的String對象知識點,對String對象的基本使用方法,以及各種方法進(jìn)行整理,感興趣的小伙伴們可以參考一下2015-11-11
javascript Three.js創(chuàng)建文字初體驗
這篇文章主要為大家介紹了Three.js創(chuàng)建文字初體驗,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-11-11
用javascript實現(xiàn)自動輸出網(wǎng)頁文本
這篇文章主要介紹了用javascript實現(xiàn)自動輸出網(wǎng)頁文本,用到兩個函數(shù):setTimeout(),遞歸和String.substring();,需要的朋友可以參考下2015-07-07
javascript打造跨瀏覽器事件處理機(jī)制[Blue-Dream出品]
由于瀏覽器兼容的復(fù)雜性.打造一個較優(yōu)的跨瀏覽器事件處理函數(shù).不是件容易的事情.各大類庫也都通過了種種方案去抽象一個龐大的事件機(jī)制.2010-07-07
微信小程序批量監(jiān)聽輸入框?qū)Π粹o樣式進(jìn)行控制的實現(xiàn)代碼
這篇文章主要介紹了小程序批量監(jiān)聽輸入框?qū)Π粹o樣式進(jìn)行控制的實現(xiàn)代碼,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
php register_shutdown_function函數(shù)詳解
register_shutdown_function() 函數(shù)可實現(xiàn)當(dāng)程序執(zhí)行完成后執(zhí)行的函數(shù),其功能為可實現(xiàn)程序執(zhí)行完成的后續(xù)操作,需要的朋友可以參考下2017-07-07
原生js canvas實現(xiàn)鼠標(biāo)跟隨效果
這篇文章主要為大家詳細(xì)介紹了原生js canvas實現(xiàn)鼠標(biāo)跟隨效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-08-08

