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

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

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

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2023-12-07 05:30:06       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-07 05:30:06       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-07 05:30:06       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-07 05:30:06       20 阅读

热门阅读

  1. 【Android】Glide的简单使用(下)

    2023-12-07 05:30:06       36 阅读
  2. JPA构建多条件查询

    2023-12-07 05:30:06       38 阅读
  3. 浅谈深度学习中的过拟合

    2023-12-07 05:30:06       34 阅读
  4. EasyExcel下拉列表长度过长不显示【已修复】

    2023-12-07 05:30:06       45 阅读
  5. 第3节:Vue3 v-bind指令

    2023-12-07 05:30:06       38 阅读
  6. 【flink】基于flink全量同步postgres表到doris

    2023-12-07 05:30:06       38 阅读
  7. Stream流

    Stream流

    2023-12-07 05:30:06      31 阅读
  8. 算法工程师-机器学习面试题总结(4)

    2023-12-07 05:30:06       34 阅读
  9. golang学习笔记——go互斥锁

    2023-12-07 05:30:06       41 阅读
  10. (二)回测框架之策略Mocker

    2023-12-07 05:30:06       35 阅读
  11. 如何给自己的网站加密

    2023-12-07 05:30:06       35 阅读
  12. 洋垃圾服务器芯片选型

    2023-12-07 05:30:06       33 阅读