微信小程序:userInfoReadyCallback介绍

wx.getUserInfo({
      success: res => {
        console.log('getUserInfo success:', res);

        // 可以将 res 发送给后台解码出 unionId
        this.globalData.userInfo = res.userInfo

        // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
        // 所以此处加入 callback 以防止这种情况
        if (this.userInfoReadyCallback) {
          this.userInfoReadyCallback(res)
        }
      }
    })

page.onload

if (app.globalData.userInfo){
      this.setData({
        userInfo: app.globalData.userInfo
      })
    }

// 给app.js 定义一个方法。
 app.userInfoReadyCallback = res =>{
      console.log('userInfoReadyCallback: ', res);
      console.log('获取用户信息成功');
      this.setData({
        userInfo: res
      })
    };

this.userInfoReadyCallback,这个方法是在page.onload中定义的。

判断page.onload 中是否定义了this.userInfoReadyCallback

❗️注:因为wx.getUserInfo是异步的,不知道异步先执行完毕还是page.onload先执行完毕

1. 方法如果定义了,则说明page.onload比当前方法运行的早(page已经完成初始化),app的globalData还没有数据,通过此回调可以及时的刷新数据

2. 方法如果没有定义,则说明page.onload比当前方法运行的晚(page还没有初始化),app的globalData是有值的,可以在page.onload中取globalData里面的值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容