微信小程序在JavaScript文件中聲明的變量和函數(shù)只在該文件中有效;不同的文件中可以聲明相同名字的變量和函數(shù),不會(huì)互相影響。如果希望在各個(gè)頁(yè)面之間共同使用某些信息,并且可以對(duì)共享數(shù)據(jù)進(jìn)行修改設(shè)置,以便于其他頁(yè)面根據(jù)數(shù)據(jù)變化進(jìn)行對(duì)應(yīng)的調(diào)整,最好使用全局?jǐn)?shù)據(jù)globalData。
globalData在app.js文件中app()全局應(yīng)用實(shí)例中:
// app.jsApp({ globalData: 1})由于它具有共享屬性,對(duì)于它的設(shè)置和修改,需要分兩方面來(lái)說(shuō)明。
第一,在app.js文件中,怎樣設(shè)置和修改。設(shè)置其實(shí)跟在其他js文件中設(shè)置data值是一樣的:
//app.jsApp({ globalData: { name: '張三', age: 18 }})你可以根據(jù)自己的需求,設(shè)置任何數(shù)據(jù)。在app.js中讀取globalData,使用this就可以了:
//app.jsApp({ globalData: { name: '張三', age: 18 }, onLoad: function(){ console.log(this.globalData.name); }})同樣的,如果我們需要在app.js中修改globalData,只需要給對(duì)應(yīng)的變量重新賦值就可以了:
//app.jsApp({ globalData: { name: '張三', age: 18 }, onLoad: function(){ this.globalData.name = '李四' }})第二,在其他頁(yè)面讀取以及修改globalData。不論是讀取還是修改,首先需要在應(yīng)用的頁(yè)面js文件中,引用app()實(shí)例,所以在js文件中,第一句要寫(xiě)上這句:
var app = getApp();
然后,我們來(lái)看怎么獲取globalData:
//index.jsvar app = getApp();Page({ onLoad: function() { console.log(app.globalData.name); }})下面看下在其他頁(yè)面怎么設(shè)置或者修改globalData。這里需要用到全局函數(shù) getApp():
//index.jsvar app = getApp();Page({ onLoad: function() { getApp().globalData.name = "王二麻子"; getApp().globalData.favorite = "集郵"; }})這樣,就可以在index.js文件中,重新設(shè)置或者修改globalData的數(shù)據(jù)了。上面的例子,我們修改了globalData的name值,并且添加了一個(gè)集郵的愛(ài)好的屬性。
PS:這段時(shí)間,開(kāi)發(fā)了一款微信小程序,因?yàn)槠綍r(shí)H5開(kāi)發(fā),都是用本地緩存來(lái)存儲(chǔ)一些共享的變量,所以開(kāi)發(fā)的時(shí)候,翻看微信小程序的官方文檔,看到有數(shù)據(jù)緩存的API,就直接用了,就在項(xiàng)目上線(xiàn)前做付款測(cè)試的時(shí)候(因?yàn)橹暗臏y(cè)試環(huán)境不成熟,所以我把付款成功的測(cè)試放在了最后),結(jié)果付款成功后,顯示微信的付款成功頁(yè)面,我點(diǎn)擊完成頁(yè)面關(guān)閉了,付款成功的回調(diào)也觸發(fā)了,也成功的進(jìn)入到我想要去的訂單信息展示頁(yè)面了,由于這個(gè)頁(yè)面需要依賴(lài)緩存里的某些信息作為接口參數(shù),結(jié)果我發(fā)現(xiàn)接口報(bào)錯(cuò),仔細(xì)查了下,參數(shù)為空,再查一下,緩存沒(méi)了!!不知道為啥,也查了半天,沒(méi)查到原因,就看到大家都說(shuō)微信小程序別用緩存,有時(shí)候會(huì)莫名其妙的消失,坑多,然后我就吭哧吭哧的把用緩存共享的數(shù)據(jù),都用globalData重寫(xiě)了一遍.....浪費(fèi)了一些時(shí)間,因?yàn)樽约旱艨觾豪锪耍猿隹犹匾鈱?xiě)了這篇文字,分享下填坑的經(jīng)驗(yàn)。
新聞熱點(diǎn)
疑難解答
圖片精選