微信小程式中使用async/await語法的方法(程式碼範例)

不言
發布: 2019-02-16 10:23:33
轉載
4076 人瀏覽過

這篇文章帶給大家的內容是關於微信小程式中使用async/await語法的方法(程式碼範例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

1、在微信小程式專案中加入package.json檔案或直接npm init.

2.在package.json中加入regenerator套件和版本

`"devDependencies": {
"regenerator":"0.13.3"}`
登入後複製

3.微信開發者工具-》工具-》npm建構

4.在需要使用async/await語法的檔案引入regeneratorRuntime

const regeneratorRuntime = require('regenerator-runtime')
登入後複製

5.使用async/await語法

lifetimes: {
    attached:async function(){
      // 在组件实例进入页面节点树时执行
     let data= await req(this.properties.apiType);
     console.log(data)
    },
    detached() {
      // 在组件实例被从页面节点树移除时执行
    },
  },
登入後複製

要注意this的指向,例如生命週期如果用箭頭函數會遺失this
或直接這樣

 lifetimes: {
    async attached(){
      // 在组件实例进入页面节点树时执行
     let data= await req(this.properties.apiType);
     console.log(data)
    },
    async detached() {
      // 在组件实例被从页面节点树移除时执行
     
    },
  },
登入後複製

其實在app.js require一次包全域都能用了

本文參考:微信小程式開發基礎教學 https://www.html.cn/study/20.html

以上是微信小程式中使用async/await語法的方法(程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!