微信小程序中全局变量的应用

为什么要使用全局变量的应用呢,例如在播放音乐的时候,我们跳转到其他的页面上,那我们当前的音乐是否要继续播放呢????所以我们就使用到了全局变量的应用。

在微信小程序中,可以通过使用 getApp() 方法来获取全局应用实例,并在实例对象上定义和访问全局变量。

1,全局变量的设置: 在 app.js 文件中,可以定义全局变量并赋予初始值。例如,假设我们要设置一个名为 globalData 的全局变量,可以在 app.js 文件中的 App 实例中进行设置。
复制代码
// app.js

App({
  globalData: {
    userInfo: null,
    appId: 'your-app-id',
  },
  // 其他生命周期函数等
})

在上述代码中,我们在 App 实例中定义了一个 globalData 对象,其中包含了 userInfo 和 appId 两个属性。

2,全局变量的引入: 在其他页面的 js 文件中,我们可以通过 getApp() 方法获取全局应用实例,并使用该实例访问全局变量。
复制代码
// otherPage.js

const app = getApp();

Page({
  data: {
    userInfo: null,
  },
  onLoad() {
    // 获取全局变量
    const userInfo = app.globalData.userInfo;
    
    // 更新页面数据
    this.setData({
      userInfo: userInfo,
    });
  },
})

在上述代码中,我们通过 getApp() 方法获取全局应用实例,并将其赋值给 app 变量。然后,我们可以通过 app.globalData.userInfo 来获取全局变量 userInfo,并将其赋值给页面的 data 中的 userInfo 属性。

相关推荐
打小就很皮...32 分钟前
HBuilder 发行Android(apk包)全流程指南
前端·javascript·微信小程序
说私域4 小时前
定制开发开源AI智能名片驱动下的海报工厂S2B2C商城小程序运营策略——基于社群口碑传播与子市场细分的实证研究
人工智能·小程序·开源·零售
说私域10 小时前
内容力重塑品牌增长:开源AI大模型驱动下的智能名片与S2B2C商城赋能抖音生态种草范式
人工智能·小程序·开源·零售
前端缘梦12 小时前
微信小程序登录方案实践-从账号体系到用户信息存储
前端·微信小程序
coding随想15 小时前
2025年小程序开发全解析:技术储备、行业趋势与实战案例
微信小程序
Nueuis1 天前
微信小程序前端面经
前端·微信小程序·小程序
轩1151 天前
实现仿中国婚博会微信小程序
微信小程序·小程序
知否技术1 天前
2025微信小程序开发实战教程(一)
前端·微信小程序
喝牛奶的小蜜蜂1 天前
个人小程序:不懂后台,如何做数据交互
前端·微信小程序·小程序·云开发
2501_918941051 天前
旅游微信小程序制作指南
微信小程序·小程序·旅游