詳解小程序原生使用ES7 async/await語法

發(fā)布時間：2020-09-01 11:32:57 來源：腳本之家閱讀：190 作者：Airmusic 欄目：web開發(fā)

小程序原生使用ES7 async / await 語法

小程序開發(fā)工具-詳情-開啟ES6轉(zhuǎn)ES5

下載 regenerator 庫 https://github.com/facebook/regenerator

將庫中packages文件夾下 regenerator-runtime 文件夾全部復制到小程序項目中

小程序項目全局引入 regenerator 庫

在app.js中引入

const regeneratorRuntime = require('./libs/runtime-module.js')

使用方法

Page({

 /**
  * 頁面的初始數(shù)據(jù)
  */
 data: {
  num: 0
 },

 /**
  * 生命周期函數(shù)--監(jiān)聽頁面加載
  */
 async onLoad(options) {
  this.testing()
  this.promiseFn()
  await this.testAsync()
 },

 

 testing() {
  console.log('test')
 },

 promiseFn() {
  this.testPromise().then((res) => {
   console.log(res)
  })
 },

 testPromise() {
  return new Promise((resolve, reject) => {
   setTimeout(() => {
    console.log('Promise handle')
    resolve(123)
   }, 2000)
  })
 },

 async testAsync() {
  const result = await this.testPromise()
  console.log('async test--', result)
 }
})

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

詳解小程序原生使用ES7 async/await語法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽