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

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

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.setStorage 

同步：wx.setStorageSync

获取：

异步：wx.getStorage

同步：wx.getStorageSync

移除：

异步：wx.removeStorage

同步：wx.removeStorageSync

清除所有：

异步：wx.clearStorage

同步：wx.clearStorageSync

这里给大家以同步为例，

wx.setStorageSync('key','value')

接下来，我们说一下本地收藏功能怎么实现的呢

这是一个列表渲染页面，每一个view点进去的详情页面其实是一个页面，只是传不同的id，来赋值不同的数据展示出来而已。

通过JS文件中带参数的跳转，把相应的数据传到详情页中，那接下来就是展示详情页

插入 wx.setStorage wx.setStorageSync

读取 wx.getStorage wx.getStorageSync

删除 wx.removeStorage wx.removeStorageSync

清空 wx.clearStorage wx.clearStorageSync

获取缓存信息 wx.getStorageInfo wx.getStorageInfoSync

以Sync结尾都是同步方法。同步方法和异步方法的区别是：

同步方法会堵塞当前任务，直到同步方法处理返回。

异步方法不会塞当前任务。

---