小程序如何支持使用 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) 即可

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com