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

小程序原生使用第三方庫

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

小程序開發工具-詳情-開啓ES6轉ES5
下載 regenerator 庫 https://github.com/facebook/r...
將庫中packages文件夾下 regenerator-runtime 文件夾所有複製到小程序項目中
小程序項目全局引入 regenerator 庫
在app.js中引入

版本更新已廢棄的引入方法
const regeneratorRuntime = require('./libs/runtime-module.js')

新版引入方法
const regeneratorRuntime = require("./libs/regenerator-runtime");

或者
const regeneratorRuntime = require("./libs/regenerator-runtime/runtime.js");

const regeneratorRuntime = require("./libs/regenerator-runtime");

使用方法

Page({

  /**
   * 頁面的初始數據
   */
  data: {
    num: 0
  },

  /**
   * 生命週期函數--監聽頁面加載
   */
  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)
  }
})

<hr/>

2019-7-31 更新