微信小程序全局变量的定义与使用

Posted 喵喵喵喵要抱抱

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序全局变量的定义与使用相关的知识,希望对你有一定的参考价值。

全局变量的定义

在你初次打开 app.js 文件时,很容易混淆。在 onLaunch 函数里是有个 globalData 对象,但请注意,你的全局变量不是写在这里,而是另外在函数外定义一个 globalData

例如下图:

globalData 一定要定义在与函数同级的位置。然后在globalData 里面编写你的全局变量的值。

全局变量的赋值

一般初始化的时候会给空值或者固定值,然后通过后期的小程序使用过程中改变全局变量。

全局变量值得改变有两个地方。一是在 app.js 文件中改变。二是在其他 js 文件中改变。

在 app.js 中,你只需要通过 this.globalData.XXXX = XXX 进行赋值即可。不能使用 this.setData 进行赋值。

在其他 js 文件中,我们首先要引入全局变量:

const app = getApp()

然后通过 app 去调用 globalData

例如:

app.globalData.XXXX = XXX

全局变量的使用

使用全局变量分为两种情况,一是在 app.js 文件中使用,二是在其他 js 文件中使用。

在 app.js 文件中使用时直接通过 this.globalData.XXXX 即可使用。

在其他 js 文件中使用先获取全局对象:

const app = getApp()

接着通过 app.globalData.XXXX 调用即可。

全局变量的有效期

全局变量的有效期只存在于当前使用的状态下,一旦小程序被用户退出或者微信自身清理之后,将不保留全局变量。所以你需要根据自己的需求进行设置全局变量,合理的应用。

以上是关于微信小程序全局变量的定义与使用的主要内容,如果未能解决你的问题,请参考以下文章

uniapp转微信小程序后Vue.prototype定义的全局变量在微信小程序页面无法直接访问

uniapp转微信小程序后Vue.prototype定义的全局变量在微信小程序页面无法直接访问

微信小程序之全局变量(globalData)的定义和调用

微信小程序的页面间传递数据

微信小程序 使用全局变量

微信小程序视图层WXS_变量