微信小程序如何使用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文件中,第一句要寫(xiě)上這句:
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重寫(xiě)了一遍.....浪費(fèi)了一些時(shí)間,因?yàn)樽约旱艨觾豪锪?,所以出坑特意?xiě)了這篇文字,分享下填坑的經(jīng)驗(yàn)。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
前端實(shí)現(xiàn)json動(dòng)畫(huà)詳細(xì)過(guò)程(附帶示例)
這篇文章主要介紹了如何使用Lottie制作動(dòng)畫(huà),包括創(chuàng)建動(dòng)畫(huà)文件.json、實(shí)現(xiàn)效果、在Git倉(cāng)庫(kù)中保存和共享、運(yùn)行動(dòng)畫(huà)以及在動(dòng)畫(huà)天堂下載和顯示JSON動(dòng)畫(huà),文中通過(guò)代碼及圖文介紹的非常詳細(xì),需要的朋友可以參考下2025-02-02
JS與SQL方式隨機(jī)生成高強(qiáng)度密碼示例
這篇文章主要介紹了JS與SQL方式隨機(jī)生成高強(qiáng)度密碼,結(jié)合實(shí)例形式分析了javascript方式與SQL方式生成高強(qiáng)度密碼的相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
常見(jiàn)Ajax下載文件方式以及報(bào)錯(cuò)解決辦法
AJAX(Asynchronous JavaScript and XML)是一種用于創(chuàng)建快速、動(dòng)態(tài)和交互式網(wǎng)頁(yè)的技術(shù),它的主要優(yōu)勢(shì)在于能夠在不刷新整個(gè)網(wǎng)頁(yè)的情況下與服務(wù)器進(jìn)行數(shù)據(jù)交互,這篇文章主要給大家介紹了關(guān)于常見(jiàn)Ajax下載文件方式以及報(bào)錯(cuò)解決辦法的相關(guān)資料,需要的朋友可以參考下2024-01-01
js網(wǎng)頁(yè)中的(運(yùn)行代碼)功能實(shí)現(xiàn)思路
網(wǎng)頁(yè)中的"運(yùn)行代碼"是一個(gè)很方便的功能,可以直接看到代碼的效果,感興趣的朋友不妨參考下,或許對(duì)你學(xué)習(xí)js有所幫助,好了花不多說(shuō)切入正題2013-02-02
JS實(shí)現(xiàn)兼容火狐及IE iframe onload屬性的遮罩層隱藏及顯示效果
這篇文章主要介紹了JS實(shí)現(xiàn)兼容火狐及IE iframe onload屬性的遮罩層隱藏及顯示效果,涉及javascript事件響應(yīng)及針對(duì)頁(yè)面元素屬性的動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
JavaScript實(shí)現(xiàn)頁(yè)面電子時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)頁(yè)面電子時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06
JavaScript清除所有(多個(gè))定時(shí)器的方法實(shí)戰(zhàn)案例
定時(shí)器就是由JS提供了一些原生方法來(lái)實(shí)現(xiàn)延時(shí)去執(zhí)行某一段代碼,下面這篇文章主要給大家介紹了關(guān)于JavaScript清除所有(多個(gè))定時(shí)器的方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01

