封装localstorage，设置过期时间

export const storage = {
  /*
  * set 存储方法
  * @ param {String}     key 键
  * @ param {String}     value 值，
  * @ param {number}     expired 过期时间，以小时为单位，非必须
  */
  set(key:string, val:string, expired:number) {
    if (typeof val !== 'string') {
      val = JSON.stringify(val);
    }
    window.localStorage.setItem(key, val);
    if (expired) {
      window.localStorage.setItem(`${key}__expires__`, `${Date.now() + 1000 * 60 * 60 * expired}`);
    }
  },

  /*
 * get 获取方法
 * @ param {String}     key 键
 * @ param {String}     expired 存储时为非必须字段，所以有可能取不到，默认为 Date.now+1
 */
  get(key:string) {
    const expired = window.localStorage.getItem(`${key}__expires__`) || Date.now() + 1;
    const now = Date.now();

    if (now >= expired) {
      window.localStorage.removeItem(key);

      return;
    }
    let val = window.localStorage.getItem(key);

    if (!val) return null;
    try {
      val = JSON.parse(val);
    } catch (e) {
      console.log(`${val} Unexpected token H in JSON at position 0`);
    }


    return val;
  },
  clear() {
    window.localStorage.clear();
  },

  /*
  * remove 移除
  * */
  remove(key:string) {
    if (window.localStorage.getItem(`${key}__expires__`)) {
      window.localStorage.removeItem(`${key}__expires__`);
    }

    if (window.localStorage.getItem(key)) {
      window.localStorage.removeItem(key);
    }
  },
};

在调用get方法时会进行时间范围校验：

  let arr = [
        {
          id: 0,
          name: "11",
        },
        {
          id: 1,
          name: "22",
        },
      ];
      storage.set("list", arr, 0.1);
      let result = storage.get("list");
      console.log(result);