微信小程序之全局变量的使用和设置

通常我们会在app.js里面设置一些全局变量或是方法,设置完毕后,可以在各个页面对其进行赋值或是调用。
今天来看一下怎么去调用这些

首先是初始化

//app.js
App({

  /**
   * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
   */
  onLaunch: function () {
  },

  /**
   * 当小程序启动,或从后台进入前台显示,会触发 onShow
   */
  onShow: function (options) {
    
  },

  /**
   * 当小程序从前台进入后台,会触发 onHide
   */
  onHide: function () {
    
  },

  /**
   * 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
   */
  onError: function (msg) {
  },

  globalData: {
    a:  ,
    b:  
  },

  /**
   * 缓存
   */
  fun: function () {
    /*test fun*/
  },

调用:
首先在每个page.js中初始化一个app
var app = getApp();
然后后面可以直接这样使用

  console.log(app.globalData.a)
  app.onLaunch: function ()

赋值:

  app.globalData.a = 3

最后说明一下 var 和 let 的区别,两者都可以声明变量,但是区别在于,通过var定义的变量,作用域是整个封闭函数,是全域的 。通过let定义的变量,作用域是在块级或是子块中。

**变量提升现象:**浏览器在运行代码之前会进行预解析,首先解析函数声明,定义变量,解析完之后再对函数、变量进行运行、赋值等。

  • 不论var声明的变量处于当前作用域的第几行,都会提升到作用域的头部。
  • var 声明的变量会被提升到作用域的顶部并初始化为undefined,而let声明的变量在作用域的顶部未被初始化
### 微信小程序全局变量设置使用 #### 设置全局变量微信小程序中,可以通过 `app.js` 文件中的 `globalData` 对象来定义全局变量。此对象作为存储全局数据的地方,在整个应用生命周期内都可以访问。 以下是具体实现方式: ```javascript // app.js App({ globalData: { name: "默认名称", tel: "12345678901" }, onLaunch() { // 应用启动时可初始化一些逻辑 } }); ``` 通过上述代码片段可以看出,`globalData` 是一个 JSON 对象,其中可以包含任意键值对[^2]。 --- #### 获取并使用全局变量 要在其他页面或模块中使用这些全局变量,需先调用 `getApp()` 方法获取当前的应用实例,再通过该实例访问 `globalData` 中的数据。 以下是一个示例代码展示如何读取全局变量的内容: ```javascript // xxx.js 页面文件 Page({ onLoad() { const app = getApp(); // 调用 getApp 函数获取应用实例 console.log(app.globalData.name); // 输出全局变量 'name' console.log(app.globalData.tel); // 输出全局变量 'tel' } }); ``` 这里需要注意的是,每次需要操作全局变量前都必须执行一次 `var app = getApp();` 的声明语句[^1]。 --- #### 修改全局变量 除了简单的读取外,还可以动态更新已存在的全局变量值。同样也是借助于之前提到过的 `getApp()` 来完成这一过程。 下面给出一段演示修改全局变量的例子: ```javascript // xxx.js 页面文件 Page({ changeGlobalData() { const app = getApp(); app.globalData.name = "新名字"; // 更改全局变量'name'的值 app.globalData.tel = "新的电话号码"; // 更改全局变量'tel'的值 console.log('Updated Name:', app.globalData.name); console.log('Updated Tel:', app.globalData.tel); } }); ``` 从上面可以看到,只要获得了正确的引用路径就可以轻松改变任何储存在 `globalData` 下面的信息项[^3]。 --- #### 常见错误提示处理 如果尝试直接访问未经过 `getApp()` 初始化的对象,则会遇到报错情况。因此务必记得每处需要用到的时候都要重新创建指向它的局部副本。 另外值得注意的一点是,虽然可以在多个地方共享同一份资料但是频繁地依赖外部状态可能会让程序变得难以维护所以应该谨慎考虑什么时候以及怎样程度上利用这种机制[^4]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值