「小程序JAVA實戰」小程序數據緩存API（54）

剛開始寫小程序的時候，用戶信息我是按照app.js增加全局變量的方式來做的，后來當看到搜索插件可以保存上次的搜索內容，讓我知道了原來小程序還有緩存的API，來一起了解下。源碼https://github.com/limingios/wxProgram.git 中No.15

數據緩存

• 官方網址
  >https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorage.html

• 發現一個問題
  >所有的緩存方法都有異步和同步，有老鐵肯定有疑問，我來解答看我分析的對不？在微信小程序的開發中，緩存會用到如下的幾個方法，分別對應一個同步和異步的方法，最大上限是10MB。在涉及到緩存的時候，一般我們建議用同步的寫法，異步的寫法其實是一種非常危險的寫法，第一點，它會讓代碼變得難以閱讀，第二點，它會引起許多未知的錯誤，如果對異步的方法不是很熟悉，建議能用同步就用同步，千萬不要用異步，當然小程序里面有些情況是必須用異步的，但是在小程序里面用到異步的情況會非常的少，同步的缺陷是什么呢？方法執行很慢的時候整個UI會卡住，同步的方法運行不過去，后面的方法就走不了，所以呢，代碼的耗時就會非常長，這是同步的缺點。那么異步的好處呢，代碼會立刻走完，然后獲取到緩存以后，由框架再去調用success，整個流程會很快的走完，不會讓UI有停滯的效果，這是異步的一個優勢。般建議該用同步的時候就要用同步，同步解決不了的問題再用異步，我們都知道異步方法的調試有點困難，這也是我們不建議用異步的原因。當然這個也要根據自己的業務來進行判斷看是否用同步還是異步，當你的業務需要解耦的情況下，去使用異步，當你的業務是同步的話，那就最好還是使用同步，也就是說異步的操作是需要業務的配合來設計的，小程序的緩存上限是10MB，你試想一下子提取10MB的數據出來，會是什么樣的情況，那這個時候你就要考慮異步的情況了。因為它整個的過程有可能很慢，給用戶的體驗也非常不好，但是我覺得這一種情況應該非常少。

介紹緩存方法

• wx.getStorage(Object object)
  >從本地緩存中異步獲取指定 key 的內容

https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorage.html

• wx.getStorageSync(string key)
  >wx.getStorage 的同步版本

• wx.setStorage(Object object)
  >將數據存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應的內容。

https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

• wx.setStorageSync(string key, Object|string data)
  >wx.setStorage 的同步版本

• wx.removeStorage(Object object)
  >從本地緩存中移除指定 key

• wx.removeStorageSync(string key)
  >wx.removeStorage 的同步版本

• wx.clearStorage(Object object)
  >清理本地數據緩存

• wx.clearStorageSync()
  >wx.clearStorage 的同步版本

• wx.getStorageInfo(Object object)
  >異步獲取當前storage的相關信息

• Object wx.getStorageInfoSync()
  >wx.getStorageInfo 的同步版本

更改現有的用戶存儲方法使用緩存

• app.js 修改

//app.js
App({
??serverUrl:"http://127.0.0.1:8081/",
??userInfo:null,
??setGlobalUserInfo:function(user){
????wx.setStorageSync("userInfo",?user);
??},
??getGlobalUserInfo:?function?()?{
????return?wx.getStorageSync("userInfo");
??}
})

• app.js 修改
  >原來的userInfo賦值和取值都改成從緩存中取到。

PS：通過緩存的時候進行控制，更方便。如果是全局變量的話肯定沒有緩存方便。