带过期时间的 storage

由于小程序需要一个带有过期时间的缓存功能，原生缓存又不支持，于是就自己写了一个

import { isType } from './index';

const DEFAULT_TIME_KEY = 'always';

export default class Storage {
  constructor() {
    this.timeSign = '|-|';
  }

  isObj(value) {
    return isType(value) === 'object';
  }

  /**
   * 设置缓存
   * @param {*} key
   * @param {*} value
   * @param {*} timestamp 到期时间 传时间戳/毫秒
   * @returns
   */
  set(key, value, timestamp = DEFAULT_TIME_KEY) {
    let params;

    if (this.isObj(value)) {
      params = Object.assign(value, { startTime: timestamp });
    } else {
      params = value + this.timeSign + timestamp;
    }

    // 小程序单条数据转换成字符串后，字符串长度最大200*1024。同一个用户，同一个小程序缓存总上限为10MB。
    uni.setStorageSync(key, params);
  }

  /**
   * 读取缓存
   * @param {*} key
   * @returns
   */
  get(key) {
    const value = uni.getStorageSync(key);

    if (value) {
      const arr = value.split(this.timeSign);
      if (arr.length > 1) {
        if (new Date().getTime() > arr[1]) {
          this.remove(key);
          return null;
        }
        return arr[0];
      }
      return arr[0];
    }

    return null;
  }

  /**
   * 移除缓存
   * @param {*} key
   */
  remove(key) {
    if (!key) throw new Error('key为必填项');
    uni.removeStorageSync(key);
  }

  /**
   * 清空所有缓存
   */
  clear() {
    uni.clearStorageSync();
  }
}

main.js 注册到全局

Vue.prototype.$storage = new Storage();

使用：

this.$storage.set('key', 123);
this.$storage.get('key'); // 123
this.$storage.remove('key');	// 清除 key