微信小程序在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值,并且添加了一個集郵的愛好的屬性。