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

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

在微信小程序中,可以通过使用 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 属性。

相关推荐
源码ym7k资源10 分钟前
2024仿东郊微端家政预约上门小程序【亲测可用】家政管理系统抢单派单开源源码 -源码开发
小程序
黑客老李1 小时前
记一次edu证书站小程序漏洞挖掘
小程序·黑客入门·渗透测试实战
ok_hahaha12 小时前
java从头开始-苍穹外卖-day06-微信小程序开发-微信登录和商品浏览
java·微信·微信小程序·小程序
不懂代码的切图仔17 小时前
移动端h5实现横屏在线签名
前端·微信小程序
万岳科技系统开发19 小时前
跑腿小程序配送费与调度系统如何联动?架构设计详解
小程序
吴声子夜歌19 小时前
小程序——开发接口(授权)
小程序·apache
00后程序员张21 小时前
使用克魔助手(Keymob)查看 iOS 设备日志与崩溃报告
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_9159184121 小时前
通过IPA 结构调整和资源指纹变化来处理 iOS 应用相似度问题
android·ios·小程序·https·uni-app·iphone·webview
CHU7290351 天前
便捷寄件,省心直达——快递寄件小程序前端功能解析
小程序
2501_915918411 天前
网站抓包解析,掌握浏览器请求和 HTTPS 数据分析的流程
android·ios·小程序·https·uni-app·iphone·webview