微信小程序-设置本地缓存和读取（同步，异步）

微信小程序里面的本地缓存

wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）

可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB。

注意： 如果用户储存空间不足，小程序会清空最近最久未使用的小程序的本地缓存。不建议将关键信息全部存在 localStorage，以防储存空间不足或用户换设备的情况。

---

一、同步

在小程序中Sync结尾的本地缓存中，为同步缓存

wx.setStorageSync(string key, any data)

参数object说明：

string key: 本地缓存中指定的 key

any data: 需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。

设置wx.setStorageSync：

 wx.setStorage({
  key: 'key',
  data: 'value'
})
try {
  wx.setStorageSync('key', 'value')
} catch (e) { }

读取wx.getStorageSync：

wx.getStorage({
  key: 'key',
  success(res) {
    console.log(res.data)
  }
})
try {
  const value = wx.getStorageSync('key')
  if (value) {
    // Do something with return value
  }
} catch (e) {
  // Do something when catch error
}

二、异步

在小程序中无Sync结尾的本地缓存中，都为异步缓存

wx.setStorage（object）

参数object说明：

设置wx.setStorage：

wx.setStorage({
    key: "key",
    data: "value",
    success:function(res){
      console.log(res);
    },
    fail:function(log){
      console.log(log);
    },
    complete:function(com){
      console.log(com);
    }
  })

读取wx.getStorage：

wx.getStorage({
        key: 'number',
        success: function(res) {
          that.setData({
            number: res.data
          })
        },
        fail: function(res) {
          that.setData({
            // number: res.data
          })
        }
 
      })

---

感谢您的阅读， 如有什么不妥之处，还请赐教，我会继续努力，分享更好的前端代码。
点赞和在看就是最大的支持❤️