微信小程序在JavaScript文件中聲明的變量和函數(shù)只在該文件中有效;不同的文件中可以聲明相同名字的變量和函數(shù),不會互相影響。如果希望在各個頁面之間共同使用某些信息,并且可以對共享數(shù)據(jù)進行修改設置,以便于其他頁面根據(jù)數(shù)據(jù)變化進行對應的調(diào)整,最好使用全局數(shù)據(jù)globalData。
globalData在app.js文件中app()全局應用實例中:
// app.js
App({
globalData: 1
})
由于它具有共享屬性,對于它的設置和修改,需要分兩方面來說明。
第一,在app.js文件中,怎樣設置和修改。設置其實跟在其他js文件中設置data值是一樣的:
//app.js
App({
globalData: {
name: '張三',
age: 18
}
})
你可以根據(jù)自己的需求,設置任何數(shù)據(jù)。在app.js中讀取globalData,使用this就可以了:
//app.js
App({
globalData: {
name: '張三',
age: 18
},
onLoad: function(){
console.log(this.globalData.name);
}
})
同樣的,如果我們需要在app.js中修改globalData,只需要給對應的變量重新賦值就可以了:
//app.js
App({
globalData: {
name: '張三',
age: 18
},
onLoad: function(){
this.globalData.name = '李四'
}
})
第二,在其他頁面讀取以及修改globalData。不論是讀取還是修改,首先需要在應用的頁面js文件中,引用app()實例,所以在js文件中,第一句要寫上這句:
var app = getApp();
然后,我們來看怎么獲取globalData:
//index.js
var app = getApp();
Page({
onLoad: function() {
console.log(app.globalData.name);
}
})
下面看下在其他頁面怎么設置或者修改globalData。這里需要用到全局函數(shù) getApp():
//index.js
var app = getApp();
Page({
onLoad: function() {
getApp().globalData.name = "王二麻子";
getApp().globalData.favorite = "集郵";
}
})
這樣,就可以在index.js文件中,重新設置或者修改globalData的數(shù)據(jù)了。上面的例子,我們修改了globalData的name值,并且添加了一個集郵的愛好的屬性。