缓存问题之异步处理（微信小程序）

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

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

localStorage ：是永久存储，以用户维度隔离，同一台设备上，A 用户无法读取到 B 用户的数据。

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

wx.setStorage（object）

参数object说明

控制台

表示储存成功

wx.getStorage（object）

示例

这个key值就是先前setStorage的命名key，证明指定获取那个缓存中的数据

wx.clearStorage(object)

清理本地数据缓存

将之前储存在Storage中的数据清空。适用于退出登录后登录信息的清除

wx.getStorageInfo(object)

异步获取当前storage的相关信息（ 当前小程序里面所有的storage的储存信息 ）

参数说明

执行结果

wx.removeStorage(OBJECT)

从本地缓存中异步移除指定 key值

获取当前data值时将报错undefined

执行结果

同步 *** 作：写一步执行一步，按照代码序列执行

异步 *** 作：不会按代码顺序执行

微信小程序是通过wx.request进行异步 *** 作。由于这是异步请求，JS便不会等待请求的完成，通常会顺延执行下面的内容

除非必要时候，尽量使用同步方法，特别是新手，建议使用同步方法，除非同步方法解决不了问题考虑使用异步方法。

效果可以在微信小程序调试器中看如下

移除之后叫做key的storage就会消失不见

如下使用clearStorageSync连同之前的logs都会清除掉

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。

当我们存储了值之后就可以在微信小程序的调试栏器中看到效果了，同步跟异步除了存取执行的 *** 作不一样之外，结果是一样的，都是存，拿值，结果是一样的，只是同步是顺序执行，而异步则是不会让界面停滞，但是这种几乎可以忽略不记，所以建议大家没有必要的话就使用同步了。

[图片上传失败...(image-ee4c86-1637290003071)]

从本地缓存中移除指定 key。

从本地缓存中异步获取指定 key 的内容。

---