解决微信小程序中在其他页面无法使用app.js中获取的userInfo或openid的问题

问题

最近写小程序中，在app.js里获取用户的openid和userinfo，并存储为全局变量：

getUserInfo: function () {
    var that = this
    wx.getUserInfo({
        success: function (res) {
            console.log('用户信息', res.userInfo)
                that.globalData.userInfo = res.userInfo
            }
        })
    },

然而当在index中调用getApp().globalData.userOpenid时却返回为空值。

原因

因为wx.getUserInfo为异步获取的信息。

解决方式

将getuserInfo改为回调函数：

getUserInfo: function (cb) {
        var that = this
        if (this.globalData.userInfo) {
            typeof cb == "function" && cb(this.globalData.userInfo)
        } else {
            wx.getUserInfo({
                success: function (res) {
                    console.log('用户信息', res.userInfo)
                    that.globalData.userInfo = res.userInfo
                    typeof cb == "function" && cb(that.globalData.userInfo)
                }
            })
        }
    },

在其他需要使用userinfo的页面中通过getApp().getUserInfo(function(userinfo){console.log(userinfo);})这种方式调用。

或者在onload函数中：

    onLoad: function (options) {
        var that = this
        getApp().getUserOpenid(function (openid) {
            that.setData({
                userName: getApp().globalData.userInfo.nickName,
                userOpenid: openid
            })
            console.log('用户openid', that.data.userOpenid)
        })

    },