localStorage設置過期時間

export const storage = {
    /*
    * set 存儲方法
    * @ param {String}     key 鍵
    * @ param {String}     value 值，
    * @ param {String}     expired 過期時間，以分鍾為單位，非必須
    */
    set(key, val, expired) {
        if (typeof val !== 'string') {
            val = JSON.stringify(val);
        }
        window.localStorage.setItem(key, val);
        if (expired) {
            window.localStorage.setItem(`${key}__expires__`, `${Date.now() + 1000 * 60 * expired}`);
        }
    },
    /*
   * get 獲取方法
   * @ param {String}     key 鍵
   * @ param {String}     expired 存儲時為非必須字段，所以有可能取不到，默認為 Date.now+1
   */
    get(key) {
        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);
        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) {
        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: "小明",
        },
        {
          id: 1,
          name: "小華",
        },
      ];
      storage.set("list", arr, 0.1);
      let result = storage.get("list");
      console.log(result);