小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 微信小程序之全局变量(globalData)的定义和调用

微信小程序之全局变量(globalData)的定义和调用

在微信小程序中,可以通过全局变量 app.globalData 来定义和调用全局数据,以便在整个小程序的不同页面之间共享和访问数据。


定义全局变量

在小程序的 app.js 文件中定义全局变量:

// app.js

App({
  globalData: {
    userInfo: null,
    accessToken: ''
    // 在这里可以定义任意需要全局使用的数据
  },
  onLaunch: function () {
    // 在小程序初始化时可以进行一些全局的初始化操作
  }
})


访问全局变量

在任意页面的 .js 文件中,可以通过 getApp().globalData 访问和修改定义在 app.js 中的 globalData:

// pages/index/index.js

Page({
  onLoad: function () {
    // 获取全局变量中的数据
    const app = getApp();
    console.log('全局数据 userInfo:', app.globalData.userInfo);
    console.log('全局数据 accessToken:', app.globalData.accessToken);

    // 修改全局变量中的数据
    app.globalData.userInfo = {
      username: 'John Doe',
      age: 30
    };
  }
})


注意事项

在使用 app.globalData 之前,确保小程序已经初始化完成,即确保 onLaunch 生命周期已经执行。

尽量避免在 globalData 中存储过大或过多的数据,以免影响性能和内存消耗。

联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了