Promise引入
2021-12-22 本文已影响0人
如雨随行2020
一、在回调函数中处理后面业务
二、setData最好放在最后执行(应该没影响,以防万一)
因为setData是异步的,可能setData还没执行完,后面的代码就先执行了,所以,后面使用setData后的data里面的数据可能会不正确。所以尽量不要用setData里的数据,直接用 用来setData的数据。并且将setData放在最后执行
******************************************************************************************
关于第二条,setData渲染页面是异步,但是setData改变data里面的数据是同步的。
但是为了提高性能,不可能改变一次数据渲染一次页面,等所有data改变完之后一块渲染页面.
三、使用Promise
项目需要获取用户的openid,逻辑是在app.js的getOpenid中调用wx.login方法,
success之后wx.request去请求后台获取openid;
获取成功之后在page的onLoad方法中使用;
可以使用回调函数解决,但是回调层次多了,回调的写法就会很复杂
使用Promise可以简化写法;那么Promise如何使用呢,代码如下
app.js
App({
globalData: {
hostUrl: "https://wxapp.becypress.com/"
},
onLaunch: function () {
// 展示本地存储能力
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
},
getOpenid:function(){
var that = this;
return new Promise(function (resolve, reject){
wx.login({
success: function (res) {
if (res.code) {
//发起网络请求
wx.request({
url: that.globalData.hostUrl + 'wechat/app/login/' + res.code,
data: {
},
success: function (res) {
//resolve到index.js的then中
resolve(res.data.openid);
}
});
} else {
console.log('登录失败!' + res.errMsg)
}
}
});
});
}
})
index.js
var app = getApp();
Page({
data: {
url:""
},
onLoad: function (options) {
var that = this;
app.getOpenid().then(function(openid){
that.setData({
url: app.globalData.hostUrl + "app/index.html?opneid=" + openid
});
});
}
})