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

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

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

相关推荐
说私域2 小时前
AI智能名片链动2+1模式S2B2C商城小程序在客服沟通中的应用与效果
人工智能·小程序
游戏开发爱好者810 小时前
iOS IPA 上传工具全面解析,从 Transporter 到开心上架(Appuploader)命令行的高效上架实践
android·ios·小程序·https·uni-app·iphone·webview
阿里花盘14 小时前
培训机构如何利用小程序线上引流招生?培训机构小程序开发教程
小程序
想努力找到前端实习的呆呆鸟17 小时前
Uniapp如何下载图片到本地相册
前端·vue.js·微信小程序
阿里花盘1 天前
美容院玩转小程序,实现预约、宣传、在线商城等功能
小程序
半开半落1 天前
uniapp通过npm使用第三方库兼容微信小程序
微信小程序·npm·uni-app
随笔记1 天前
HbuilderX载入项目,运行后唤起微信开发者工具,提示:Error: Fail to open IDE,唤醒不起来怎么办
javascript·微信小程序·uni-app
Lsx_1 天前
一文读懂 Uniapp 小程序登录流程
前端·微信小程序·uni-app
從南走到北1 天前
JAVA外卖霸王餐CPS优惠CPS平台自主发布小程序+公众号霸王餐源码
java·开发语言·小程序
2501_915106321 天前
iOS 抓包全流程指南,HTTPS 抓包、TCP 数据流分析与多工具协同的方法论
android·tcp/ip·ios·小程序·https·uni-app·iphone