微信小程序在JavaScript文件中聲明的變量和函數只在該文件中有效;不同的文件中可以聲明相同名字的變量和函數,不會互相影響。如果希望在各個頁面之間共同使用某些信息,并且可以對共享數據進行修改設置,以便于其他頁面根據數據變化進行對應的調整,最好使用全局數據globalData。
globalData在app.js文件中app()全局應用實例中:
// app.jsApp({ globalData: 1})
由于它具有共享屬性,對于它的設置和修改,需要分兩方面來說明。
第一,在app.js文件中,怎樣設置和修改。設置其實跟在其他js文件中設置data值是一樣的:
//app.jsApp({ globalData: { name: '張三', age: 18 }})
你可以根據自己的需求,設置任何數據。在app.js中讀取globalData,使用this就可以了:
//app.jsApp({ globalData: { name: '張三', age: 18 }, onLoad: function(){ console.log(this.globalData.name); }})
同樣的,如果我們需要在app.js中修改globalData,只需要給對應的變量重新賦值就可以了:
//app.jsApp({ globalData: { name: '張三', age: 18 }, onLoad: function(){ this.globalData.name = '李四' }})
第二,在其他頁面讀取以及修改globalData。不論是讀取還是修改,首先需要在應用的頁面js文件中,引用app()實例,所以在js文件中,第一句要寫上這句:
var app = getApp();
然后,我們來看怎么獲取globalData:
//index.jsvar app = getApp();Page({ onLoad: function() { console.log(app.globalData.name); }})
下面看下在其他頁面怎么設置或者修改globalData。這里需要用到全局函數 getApp():
//index.jsvar app = getApp();Page({ onLoad: function() { getApp().globalData.name = "王二麻子"; getApp().globalData.favorite = "集郵"; }})
這樣,就可以在index.js文件中,重新設置或者修改globalData的數據了。上面的例子,我們修改了globalData的name值,并且添加了一個集郵的愛好的屬性。
PS:這段時間,開發了一款微信小程序,因為平時H5開發,都是用本地緩存來存儲一些共享的變量,所以開發的時候,翻看微信小程序的官方文檔,看到有數據緩存的API,就直接用了,就在項目上線前做付款測試的時候(因為之前的測試環境不成熟,所以我把付款成功的測試放在了最后),結果付款成功后,顯示微信的付款成功頁面,我點擊完成頁面關閉了,付款成功的回調也觸發了,也成功的進入到我想要去的訂單信息展示頁面了,由于這個頁面需要依賴緩存里的某些信息作為接口參數,結果我發現接口報錯,仔細查了下,參數為空,再查一下,緩存沒了!!不知道為啥,也查了半天,沒查到原因,就看到大家都說微信小程序別用緩存,有時候會莫名其妙的消失,坑多,然后我就吭哧吭哧的把用緩存共享的數據,都用globalData重寫了一遍.....浪費了一些時間,因為自己掉坑兒里了,所以出坑特意寫了這篇文字,分享下填坑的經驗。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答