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

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

不言
不言轉載
2019-02-16 10:23:334104瀏覽

這篇文章帶給大家的內容是關於微信小程式中使用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刪除