小程序原生使用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')javascript

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

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

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/>github

2019-7-31 更新
相关文章
相关标签/搜索