详解小程序原生使用ES7 async/await语法

前端之家收集整理的这篇文章主要介绍了详解小程序原生使用ES7 async/await语法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

小程序开发工具-详情-开启ES6转ES5

下载 regenerator 库 https://github.com/facebook/regenerator

将库中packages文件夹下 regenerator-runtime 文件夹全部复制到小程序项目中

小程序项目全局引入 regenerator 库

在app.js中引入

使用方法

/**

  • 页面的初始数据
    */
    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)
    }
    })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章