微信小程序如何使用globalData

這篇文章主要介紹了微信小程序如何使用globalData，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

站在用戶的角度思考問題，與客戶深入溝通，找到工農(nóng)網(wǎng)站設(shè)計與工農(nóng)網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請域名、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋工農(nóng)地區(qū)。

微信小程序在JavaScript文件中聲明的變量和函數(shù)只在該文件中有效；不同的文件中可以聲明相同名字的變量和函數(shù)，不會互相影響。如果希望在各個頁面之間共同使用某些信息，并且可以對共享數(shù)據(jù)進(jìn)行修改設(shè)置，以便于其他頁面根據(jù)數(shù)據(jù)變化進(jìn)行對應(yīng)的調(diào)整，最好使用全局?jǐn)?shù)據(jù)globalData。

globalData在app.js文件中app()全局應(yīng)用實(shí)例中：

// app.js
App({
 globalData: 1
})

由于它具有共享屬性，對于它的設(shè)置和修改，需要分兩方面來說明。

第一，在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，只需要給對應(yīng)的變量重新賦值就可以了：

//app.js
App({
  globalData: {
    name: '張三',
    age: 18
  },
  onLoad: function(){
    this.globalData.name = '李四'
  }
})

第二，在其他頁面讀取以及修改globalData。不論是讀取還是修改，首先需要在應(yīng)用的頁面js文件中，引用app()實(shí)例，所以在js文件中，第一句要寫上這句：

var app = getApp();

然后，我們來看怎么獲取globalData：

//index.js
var app = getApp();
Page({
  onLoad: function() {
    console.log(app.globalData.name);
  }
})

下面看下在其他頁面怎么設(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值，并且添加了一個集郵的愛好的屬性。

PS：這段時間，開發(fā)了一款微信小程序，因?yàn)槠綍rH5開發(fā)，都是用本地緩存來存儲一些共享的變量，所以開發(fā)的時候，翻看微信小程序的官方文檔，看到有數(shù)據(jù)緩存的API，就直接用了，就在項(xiàng)目上線前做付款測試的時候（因?yàn)橹暗臏y試環(huán)境不成熟，所以我把付款成功的測試放在了最后），結(jié)果付款成功后，顯示微信的付款成功頁面，我點(diǎn)擊完成頁面關(guān)閉了，付款成功的回調(diào)也觸發(fā)了，也成功的進(jìn)入到我想要去的訂單信息展示頁面了，由于這個頁面需要依賴緩存里的某些信息作為接口參數(shù)，結(jié)果我發(fā)現(xiàn)接口報錯，仔細(xì)查了下，參數(shù)為空，再查一下，緩存沒了??！不知道為啥，也查了半天，沒查到原因，就看到大家都說微信小程序別用緩存，有時候會莫名其妙的消失，坑多，然后我就吭哧吭哧的把用緩存共享的數(shù)據(jù)，都用globalData重寫了一遍.....浪費(fèi)了一些時間，因?yàn)樽约旱艨觾豪锪?，所以出坑特意寫了這篇文字，分享下填坑的經(jīng)驗(yàn)。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“微信小程序如何使用globalData”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

網(wǎng)頁名稱：微信小程序如何使用globalData
標(biāo)題URL：http://bm7419.com/article28/gejicp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、網(wǎng)站營銷、關(guān)鍵詞優(yōu)化、動態(tài)網(wǎng)站、定制開發(fā)、品牌網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容