微信小程序中如何使用async/await語法

這篇文章將為大家詳細(xì)講解有關(guān)微信小程序中如何使用async/await語法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

1、在微信小程序項(xiàng)目添加package.json文件或者直接npm init.

2.在package.json中添加regenerator包和版本

`"devDependencies": {
"regenerator":"0.13.3"}`

3.微信開發(fā)者工具-》工具-》npm構(gòu)建

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

const regeneratorRuntime = require('regenerator-runtime')

5.使用async/await語法

lifetimes: {
    attached:async function(){
      // 在組件實(shí)例進(jìn)入頁面節(jié)點(diǎn)樹時(shí)執(zhí)行
     let data= await req(this.properties.apiType);
     console.log(data)
    },
    detached() {
      // 在組件實(shí)例被從頁面節(jié)點(diǎn)樹移除時(shí)執(zhí)行
    },
  },

需要注意this的指向，比如生命周期如果用箭頭函數(shù)會(huì)丟失this
或者直接這樣

 lifetimes: {
    async attached(){
      // 在組件實(shí)例進(jìn)入頁面節(jié)點(diǎn)樹時(shí)執(zhí)行
     let data= await req(this.properties.apiType);
     console.log(data)
    },
    async detached() {
      // 在組件實(shí)例被從頁面節(jié)點(diǎn)樹移除時(shí)執(zhí)行
     
    },
  },

其實(shí)在app.js require一次包全局都能用了

關(guān)于“微信小程序中如何使用async/await語法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。