微信小程序 如何使用globalData

　　微信小程序在JavaScript文件中聲明的變量和函數只在該文件中有效；不同的文件中可以聲明相同名字的變量和函數，不會互相影響。如果希望在各個頁面之間共同使用某些信息，並且可以對共享數據進行修改設置，以便於其他頁面根據數據變化進行對應的調整，最好使用全局數據globalData。

　　globalData在app.js文件中app()全局應用實例中：

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

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

　　第一，在app.js文件中，怎樣設置和修改。設置其實跟在其他js文件中設置data值是一樣的：

//app.js
App({
    globalData: {
        name: '張三',
        age: 18
    }
})

　　你可以根據自己的需求，設置任何數據。在app.js中讀取globalData，使用this就可以了：

//app.js
App({
    globalData: {
        name: '張三',
        age: 18
    },
    onLoad: function(){
        console.log(this.globalData.name);
    }
})
    
    

　　同樣的，如果我們需要在app.js中修改globalData，只需要給對應的變量重新賦值就可以了：

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

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

var app = getApp();

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

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

　　下面看下在其他頁面怎么設置或者修改globalData。這里需要用到全局函數 getApp()：

//index.js
var app = getApp();
Page({
    onLoad: function() {
        getApp().globalData.name = "王二麻子";
　　　　 getApp().globalData.favorite = "集郵";
    }
})

　　這樣，就可以在index.js文件中，重新設置或者修改globalData的數據了。上面的例子，我們修改了globalData的name值，並且添加了一個集郵的愛好的屬性。

　　PS：這段時間，開發了一款微信小程序，因為平時H5開發，都是用本地緩存來存儲一些共享的變量，所以開發的時候，翻看微信小程序的官方文檔，看到有數據緩存的API，就直接用了，就在項目上線前做付款測試的時候（因為之前的測試環境不成熟，所以我把付款成功的測試放在了最后），結果付款成功后，顯示微信的付款成功頁面，我點擊完成頁面關閉了，付款成功的回調也觸發了，也成功的進入到我想要去的訂單信息展示頁面了，由於這個頁面需要依賴緩存里的某些信息作為接口參數，結果我發現接口報錯，仔細查了下，參數為空，再查一下，緩存沒了！！不知道為啥，也查了半天，沒查到原因，就看到大家都說微信小程序別用緩存，有時候會莫名其妙的消失，坑多，然后我就吭哧吭哧的把用緩存共享的數據，都用globalData重寫了一遍.....浪費了一些時間，因為自己掉坑兒里了，所以出坑特意寫了這篇文字，分享下填坑的經驗。