首先小程序的执行顺序是:app.onLaunch--->page.onLoad
关于userInfoReadyCallback要明确三点:
-
userInfoReadyCallback这个方法是在page.onload中定义的。
-
如果userInfoReadyCallback方法被定义了,则说明page.onload比当前方法运行的早(page已经完成初始化),app的globalData还没有数据,通过此回调可以及时的刷新数据
-
如果userInfoReadyCallback方法没有被定义,则说明page.onload比当前方法运行的晚(page还没有初始化),app的globalData是有值的,可以在page.onload中取globalData里面的值
用法:
app.js
// 获取用户信息checkLogin:function(){var self = this;// 登录wx.login({success: res => {// 发送 res.code 到后台换取 openId, sessionKey, unionIdvar url = Api.getLogin();var getOpenId = wxRequest.postRequest(url, { js_code: res.code });getOpenId.then(sue => {self.globalData.openid = sue.data.data.openid;self.globalData.session_key = sue.data.data.session_key;wx.setStorageSync('openid', sue.data.data.openid);wx.setStorageSync('session_key', sue.data.data.session_key);if (self.userInfoReadyCallback) {self.userInfoReadyCallback(sue)}});}})
index.js
onLoad: function () {let self = this;self.appInit();app.userInfoReadyCallback = res => {if(res != ''){self.appInit();}}},
应用范围:解决小程序执行onload时,异步加载网络请求的数据