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

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

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

相关推荐
创了么OPC1 小时前
小程序能收款了,对公户还没开?独立开发者的交付闭环踩坑②
前端·微信小程序
一木 之林3 小时前
微信小程序开发全攻略·文章版|05 路由·交互·网络与音乐播放器实战
网络·微信小程序·小程序·交互
niucloud-admin5 小时前
NIUCLOUD LITE AI开发文档—模块开发:微信小程序
微信小程序·小程序·notepad++
weishuangyun110 小时前
家政上门预约小程序怎么做?本地家政接单系统搭建指南
小程序
举个栗子。10 小时前
443 条断言全绿,输入框却 9 次提交都不能用:一次关于「假护栏」的复盘
微信小程序·自动化·ai编程
andrsted11 小时前
练题簿在线免费刷题:将资料、Word 和 PDF导入小程序练习
学习·微信小程序·小程序·pdf·word·学习方法
txc1 天前
我用 AI 给两个人写了个微信小程序:共享清单、记账和纪念日
微信小程序
考拉讲支付1 天前
母婴亲子服务平台分账架构设计:多场景多方分账与合规清结算实践
大数据·运维·人工智能·微信小程序·架构·微信公众平台
拖孩1 天前
AI 帮我写的小程序「厨菜记」上线满月了,挣了两百块!!!
前端·后端·微信小程序