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

最新推荐文章于 2024-08-19 14:51:08 发布

开心点啦.

最新推荐文章于 2024-08-19 14:51:08 发布

阅读量3.2k

点赞数 9

文章标签：微信小程序小程序

本文链接：https://blog.youkuaiyun.com/zxcvb0825/article/details/134832376

版权

本文介绍了在微信小程序中如何使用全局变量，如globalData对象，以及通过getApp()方法获取和访问这些变量，以实现在页面切换时保持状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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