這篇文章主要介紹了微信小程序如何使用globalData,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
微信小程序在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.js App({ globalData: 1 })
由于它具有共享屬性,對(duì)于它的設(shè)置和修改,需要分兩方面來(lái)說(shuō)明。
第一,在app.js文件中,怎樣設(shè)置和修改。設(shè)置其實(shí)跟在其他js文件中設(shè)置data值是一樣的:
//app.js App({ globalData: { name: '張三', age: 18 } })
你可以根據(jù)自己的需求,設(shè)置任何數(shù)據(jù)。在app.js中讀取globalData,使用this就可以了:
//app.js App({ globalData: { name: '張三', age: 18 }, onLoad: function(){ console.log(this.globalData.name); } })
同樣的,如果我們需要在app.js中修改globalData,只需要給對(duì)應(yīng)的變量重新賦值就可以了:
//app.js App({ globalData: { name: '張三', age: 18 }, onLoad: function(){ this.globalData.name = '李四' } })
第二,在其他頁(yè)面讀取以及修改globalData。不論是讀取還是修改,首先需要在應(yīng)用的頁(yè)面js文件中,引用app()實(shí)例,所以在js文件中,第一句要寫上這句:
var app = getApp();
然后,我們來(lái)看怎么獲取globalData:
//index.js var app = getApp(); Page({ onLoad: function() { console.log(app.globalData.name); } })
下面看下在其他頁(yè)面怎么設(shè)置或者修改globalData。這里需要用到全局函數(shù) getApp():
//index.js var 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)目上線前做付款測(cè)試的時(shí)候(因?yàn)橹暗臏y(cè)試環(huán)境不成熟,所以我把付款成功的測(cè)試放在了最后),結(jié)果付款成功后,顯示微信的付款成功頁(yè)面,我點(diǎn)擊完成頁(yè)面關(guān)閉了,付款成功的回調(diào)也觸發(fā)了,也成功的進(jìn)入到我想要去的訂單信息展示頁(yè)面了,由于這個(gè)頁(yè)面需要依賴緩存里的某些信息作為接口參數(shù),結(jié)果我發(fā)現(xiàn)接口報(bào)錯(cuò),仔細(xì)查了下,參數(shù)為空,再查一下,緩存沒(méi)了!!不知道為啥,也查了半天,沒(méi)查到原因,就看到大家都說(shuō)微信小程序別用緩存,有時(shí)候會(huì)莫名其妙的消失,坑多,然后我就吭哧吭哧的把用緩存共享的數(shù)據(jù),都用globalData重寫了一遍.....浪費(fèi)了一些時(shí)間,因?yàn)樽约旱艨觾豪锪耍猿隹犹匾鈱懥诉@篇文字,分享下填坑的經(jīng)驗(yàn)。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“微信小程序如何使用globalData”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司,關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計(jì)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前標(biāo)題:微信小程序如何使用globalData-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明:http://aaarwkj.com/article48/dohgep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)、ChatGPT、網(wǎng)站制作、服務(wù)器托管、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容