<s id="0oyqk"></s>
  • <option id="0oyqk"><optgroup id="0oyqk"></optgroup></option>
  • <source id="0oyqk"><bdo id="0oyqk"></bdo></source>
  • 小程序如何支持使用 async/await詳解

     更新時間:2019-09-14 22:01:16   作者:佚名   我要評論(0)

    前言


    小程序本身是不支持async/await語法的,但有些應用場景,我們使用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) 即可

    以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

    您可能感興趣的文章:

    • 微信小程序中使用Async-await方法異步請求變為同步請求方法
    • 小程序開發中如何使用async-await并封裝公共異步請求的方法
    • 詳解小程序原生使用ES7 async/await語法
    • 詳解將微信小程序接口Promise化并使用async函數
    • 實現微信小程序的wxml文件和wxss文件在webstrom的支持
    • 微信小程序實現圖片自適應(支持多圖)

    相關文章

    最新評論

    种子磁力搜索器