微信小程序就是一款非常畅销的小型应用程序,许多开发人员采用它去建立各种类型的小型应用程序。在研发微信小程序时,我们经常须要在相同的页面中共享资源数据,而全局变量就是一种非常便利的方法去同时实现数据共享。本文将了解如何在微信小程序中采用全局变量。
步骤 1:建立全局变量
首先,在 app.js 文件中建立一个全局变量。比如:
App({
globalData: {
userInfo: null
}
})
这个代码块建立了一个名叫 “globalData” 的对象,其中涵盖一个名叫 “userInfo”的属性。
步骤 2:采用全局变量
必须在小程序的其他页面中采用全局变量,须要通过 getApp() 函数去以获取 App 实例对象。比如:
var app = getApp()
在以获取 App 实例对象之后,就可以采用 globalData 属性去出访全局变量。
比如,在 index.js 中设置 userInfo 变量:
var app = getApp()
Page({
data: {
userInfo: {}
},
onLoad: function () {
this.setData({
userInfo: app.globalData.userInfo
})
}
})
在页面读取时,将全局变量赋值给本地变量。
步骤 3:设置和修改全局变量的值
必须设置和修改全局变量的值,只需在任何页面中采用以下代码:
var app = getApp()
app.globalData.userInfo = {
nickName: 'hello',
gender: 1
}
这个代码块修改了 userInfo 变量的值。
结论
采用全局变量就是一种在微信小程序中随心所欲共享资源数据的方法。如果你须要在小程序中横跨页面共享资源数据,恳请考量采用全局变量。