localStorageの有効期限を設定するいくつかの方法

localStorage.setItem('dooring', '1.0.0')
// 有効期間を 1 時間に設定します。const expire = 1000 * 60 * 60;
タイムアウトを設定する(() => {
  localStorage.setItem('dooring', '')
}、 期限切れ）

定数ストア = {
  //有効期限マップを保存する setExpireMap: (key, expire) => {
    const expireMap = localStorage.getItem('EXPIRE_MAP') || "{}"
    ローカルストレージ.setItem()
      'EXPIRE_MAP', 
      JSON.stringify({
      ...JSON.parse(expireMap)、
      キー: 有効期限
    }))
  },
  setItem: (キー、値、有効期限) => {
    store.setExpireMap(キー、有効期限)
    localStorage.setItem(キー、値)
  },
  getItem: (キー) => {
    // 値を取得する前に期限切れかどうかを判定する const expireMap = JSON.parse(
      localStorage.getItem('EXPIRE_MAP') || "{}"
    ）
    if(expireMap[key] && expireMap[key] < Date.now()) {
      localStorage.getItem(キー) を返す
    }それ以外 {
      localStorage.removeItem(キー)
      nullを返す
    }
  }
  // ...
}

定数ストア = {
  preId: 'xi-',
  タイムサイン: '|-door-|',
  状態： {
    成功: 0,
    失敗: 1、
    オーバーフロー: 2,
    タイムアウト: 3,
  },
  ストレージ: localStorage || window.localStorage,
  getKey: 関数 (キー: 文字列) {
    this.preId + キーを返します。
  },
  設定: 関数 (
    キー: 文字列、
    値: 文字列 | 数値、
    時間?: 日付と番号、
    cb?: (ステータス: 数値、キー: 文字列、値: 文字列 | 数値) => void、
  ）{
    _status = this.status.SUCCESS とします。
      _key = this.getKey(キー)、
      _時間;
    // 有効期限を設定します。時間が設定されていない場合は、デフォルトで 1 か月になります。try {
      _time = 時間
        ? 新しい Date(time).getTime() || time.getTime()
        : 新しいDate().getTime() + 1000 * 60 * 60 * 24 * 31;
    } キャッチ (e) {
      _time = 新しい Date().getTime() + 1000 * 60 * 60 * 24 * 31;
    }
    試す {
      this.storage.setItem(_key、_time + this.timeSign + 値);
    } キャッチ (e) {
      _status = this.status.OVERFLOW;
    }
    cb && cb.call(this、_status、_key、値);
  },
  取得: 関数 (
    キー: 文字列、
    cb?: (ステータス: 数値、値: 文字列 | 数値 | null) => void、
  ）{
    ステータスを this.status.SUCCESS とします。
      _key = this.getKey(キー)、
      値 = null、
      timeSignLen = this.timeSign.length、
      それ = これ、
      索引、
      時間、
      結果;
    試す {
      値 = that.storage.getItem(_key);
    } キャッチ (e) {
      結果 = {
        ステータス: that.status.FAILURE、
        値: null、
      };
      cb && cb.call(this、result.status、result.value);
      結果を返します。
    }
    if (値) {
      インデックス = value.indexOf(that.timeSign);
      時間 = +値.スライス(0, インデックス);
      時刻が新しいDate().getTime() の場合、時刻は 0 になります。
        値 = value.slice(インデックス + timeSignLen);
      } それ以外 {
        (値 = null)、(ステータス = that.status.TIMEOUT);
        that.remove(_key);
      }
    } それ以外 {
      ステータス = that.status.FAILURE;
    }
    結果 = {
      ステータス: ステータス、
      値: 値、
    };
    cb && cb.call(this、result.status、result.value);
    結果を返します。
  },
  // ...
};

デフォルトストアをエクスポートします。

// まずyarn add xijsをインストールします
'xijs' から { store } をインポートします。
// 有効期限付きのキーを設定する
store.set('name', 'dooring', Date.now() + 1000);
console.log(ストア.get('名前'));
タイムアウトを設定する(() => {
  console.log(ストア.get('名前'));
}, 1000);

// 設定成功後のコールバック store.set('dooring', 'xuxiaoxi', Date.now() + 1000, (status, key, value) => {
  console.log('成功');
});