微信小程序如何使用globalData的方法
微信小程序在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í)間,開發(fā)了一款微信小程序,因?yàn)槠綍r(shí)H5開發(fā),都是用本地緩存來(lái)存儲(chǔ)一些共享的變量,所以開發(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)。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JS無(wú)縫滾動(dòng)效果實(shí)現(xiàn)方法分析
這篇文章主要介紹了JS無(wú)縫滾動(dòng)效果實(shí)現(xiàn)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了無(wú)縫滾動(dòng)的原理、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12Javascript 網(wǎng)頁(yè)水印(非圖片水印)實(shí)現(xiàn)代碼
在一些B/S結(jié)構(gòu)的應(yīng)用系統(tǒng)中,有很多頁(yè)面是需要有水印的。常見的就是公文系統(tǒng)、合同系統(tǒng)等。2010-03-03給所有的超級(jí)練級(jí)都加上onmousemove時(shí)間的js代碼
給所有的超級(jí)練級(jí)都加上onmousemove時(shí)間的js代碼...2007-08-08js實(shí)現(xiàn)盒子移動(dòng)動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)盒子移動(dòng)動(dòng)畫效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08javascript 密碼強(qiáng)度驗(yàn)證規(guī)則、打分、驗(yàn)證(給出前端代碼,后端代碼可根據(jù)強(qiáng)度規(guī)則翻譯)
密碼強(qiáng)度是一個(gè)很普遍的功能,比較簡(jiǎn)單,主要是怎么制定這個(gè)強(qiáng)度規(guī)則。2010-05-05layui獲取選中行數(shù)據(jù)的實(shí)例講解
今天小編就為大家分享一篇layui獲取選中行數(shù)據(jù)的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名程序
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名程序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03