详解微信小程序 同步异步解决办法
详解微信小程序同步异步解决办法
小程序中函数体还没有完成,下一个函数就开始执行了,而且两个函数之间需要传参。那是因为微信小程序函数是异步执行的。但微信小程序增加了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
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!