今天扣丁学堂在线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语法的全部内容,希望对大家的学习有所帮助,也希望大家多多关注和支持扣丁学堂。
网友评论