详解微信小程序 同步异步解决办法
详解微信小程序同步异步解决办法
小程序中函数体还没有完成，下一个函数就开始执行了,而且两个函数之间需要传参。那是因为微信小程序函数是异步执行的。但微信小程序增加了ES6的promise特性支持，微信小程序新版本中移除了promise的支持，需要自己使用第三方库来自行实现ES6的promise特性。
WxService.js
importToolsfrom'Tools'
importes6from'../assets/plugins/es6-promise'
classService{
constructor(){
this.__init()
}
/**
*__init
*/
__init(){
this.tools=newTools
this.__initDefaults()
this.__initMethods()
}
/**
*__initDefaults
*/
__initDefaults(){
//缓存非异步方法
this.noPromiseMethods=[
'stopRecord',
'pauseVoice',
'stopVoice',
'pauseBackgroundAudio',
'stopBackgroundAudio',
'showNavigationBarLoading',
'hideNavigationBarLoading',
'createAnimation',
'createContext',
'hideKeyboard',
'stopPullDownRefresh',
]
//缓存wx接口方法名
this.instanceSource={
method:Object.keys(wx)
}
}
/**
*遍历wx方法对象，判断是否为异步方法，是则构造promise
*/
__initMethods(){
for(letkeyinthis.instanceSource){
this.instanceSource[key].forEach((method,index)=>{
this[method]=(...args)=>{
//判断是否为非异步方法或以wx.on开头，或以Sync结尾的方法
if(this.noPromiseMethods.indexOf(method)!==-1||method.substr(0,2)==='on'||/\w+Sync$/.test(method)){
returnwx[method](...args)
}
returnthis.__defaultRequest(method,...args)
}
})
}
/**
*保留当前页面，跳转到应用内的某个页面
*@param{String}url路径
*@param{Object}params参数
*/
this.navigateTo=(url,params)=>{
const$$url=this.tools.buildUrl(url,params)
returnnewes6.Promise((resolve,reject)=>{
wx.navigateTo({
url:$$url,
success:res=>resolve(res),
fail:res=>reject(res),
})
})
}
/**
*关闭当前页面，跳转到应用内的某个页面
*@param{String}url路径
*@param{Object}params参数
*/
this.redirectTo=(url,params)=>{
const$$url=this.tools.buildUrl(url,params)
returnnewes6.Promise((resolve,reject)=>{
wx.redirectTo({
url:$$url,
success:res=>resolve(res),
fail:res=>reject(res),
})
})
}
}
/**
*以wx下API作为底层方法
*@param{String}method方法名
*@param{Object}obj接收参数
*/
__defaultRequest(method='',obj={}){
returnnewes6.Promise((resolve,reject)=>{
obj.success=(res)=>resolve(res)
obj.fail=(res)=>reject(res)
wx[method](obj)
})
}
}
exportdefaultService
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！