如何实现微信小程序wx.setStorage数据缓存实现缓存过期时间

在微信小程序中，并没有cookie机制，只有本地缓存功能。

每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。同一个微信用户，同一个小程序 storage 上限为 10MB。localStorage 以用户维度隔离，同一台设备上，A 用户无法读取到 B 用户的数据。

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

由此可以看出，小程序的缓存除非是用官方清空缓存或者一些不确定因素清空缓存，不然缓存会永久存在，这对有些缓存数据需要时效性带来麻烦了。

我的解决方法是在对数据进行缓存的时候，顺便把当前时间也进行缓存，而在取数据的时候先要对缓存时间与现在时间相比，看是否是在自己需要时效时间内，如果在时效时间内则取缓存数据；否则更新数据。

export const getWYResourcesList = () => {

  return new Promise((resolve, reject) => {
    let App = getApp()
    let timestamp = Date.parse(new Date());

    let resourcesList = getStorage('resourcesList');
    let timestampCache = getStorage('resourcesListCache');
    
    if ((timestamp - timestampCache) > cacheTime) {
      console.log('过期了');
      resourcesList = '';
    }

    if (resourcesList) {
      resolve(resourcesList)
    } else {
      wx.showLoading()
      ajax({
        url: '/api/admin/resources/create',
        headers: headers(1)
      }).then(res => {
        wx.hideLoading()
        resolve(res.result)
        setStorage('resourcesList', res.result);

        setStorage('resourcesListCache', timestamp)

      }).catch(e => {
        reject(e)
      })
    }

  })
}

这是实现缓存时效性的代码段，仅供参考。