微信小程序中全局变量userInfo在其它页面不可用（wx.getUserInfo为异步获取信息）

最新推荐文章于 2026-08-01 13:08:19 发布

原创最新推荐文章于 2026-08-01 13:08:19 发布 · 2.1k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

微信小程序

本文解决微信小程序中获取并存储用户openid和userinfo至全局变量的问题，避免因异步操作导致的数据未准备好就访问的情况。通过将getUserInfo改为回调函数，确保数据加载完成后再进行后续操作。

app.js中获取用户的openid和userinfo，并存储为全局变量，当在index中调用getApp().globalData.userInfo时却返回为空值：

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

原因：

      微信小程序中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)
     })
},

标签

#小程序 #js #前端