扣丁学堂HTML5开发详解小程序原生使用ES7 async/await语法

　　今天扣丁学堂在线HTML5培训老师给大家分享一篇关于详解小程序原生使用ES7 async/await语法，下面跟随老师详细了解一些吧，可以给大家作为一个参考。

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

　　2、下载regenerator库在github下载

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

　　4、小程序项目全局引入regenerator库

​　　在app.js中引入

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

　　使用方法

　　Page({

　　/**

　　*页面的初始数据

　　*/

　　data:{

　　num:0

　　},

　　/**

　　*生命周期函数--监听页面加载

　　*/

　　asynconLoad(options){

　　this.testing()

　　this.promiseFn()

　　awaitthis.testAsync()

　　},

　　testing(){

　　console.log('test')

　　},

　　promiseFn(){

　　this.testPromise().then((res)=>{

　　console.log(res)

　　})

　　},

　　testPromise(){

　　returnnewPromise((resolve,reject)=>{

　　setTimeout(()=>{

　　console.log('Promisehandle')

　　resolve(123)

　　},2000)

　　})

　　},

　　asynctestAsync(){

　　constresult=awaitthis.testPromise()

　　console.log('asynctest--',result)

　　}

　　})

　　以上就是扣丁学堂HTML5开发详解小程序原生使用ES7 async/await语法的全部内容，希望对大家的学习有所帮助，也希望大家多多关注和支持扣丁学堂。