如何通过闭包捕获的 Storage 引用实现具备“过期时间语义”的本地存储-js教程-PHP中文网

最轻量可控的过期Storage实现是闭包封装localStorage，采用惰性删除：存值时嵌入expires时间戳，读值时校验并自动清理。

如何通过闭包捕获的 storage 引用实现具备“过期时间语义”的本地存储

直接封装一个带过期逻辑的 Storage 实例，用闭包维持对原生 localStorage 的引用，是最轻量、可控且无依赖的实现方式。它不修改全局 API，不引入第三方库，所有过期判断和清理都在读写时按需触发（即“惰性删除”），适合大多数中小型前端项目。

核心思路：闭包封装 + 时间戳嵌套

闭包的作用是把 localStorage 实例“锁”在内部作用域里，对外只暴露经过增强的 set、get、remove 方法。每次存值时，不是直接存原始数据，而是包装成一个带 value 和 expires 字段的对象；取值时先解析、再比对当前时间戳，过期则自动清除并返回 null。

存储结构统一为：{ value: any, expires: number }（expires 是毫秒级时间戳）
过期时间单位建议用“秒”传入，内部转为 Date.now() + ttl * 1000，语义清晰不易出错
所有操作都基于同一个 localStorage 键（例如 "__expiring_store"），避免污染全局命名空间

基础封装代码（ES6 模块风格）

以下是一个可直接复制使用的最小可行封装：

const createExpiringStorage = () => {
  const STORAGE_KEY = '__expiring_store';
<p>const set = (key, value, ttlSeconds = 3600) => {
const https://www.php.cn/link/80bd1978a3dff0dbaceb95fb9191e7ee = {
value,
expires: Date.now() + ttlSeconds * 1000
};
try {
localStorage.setItem(STORAGE_KEY, JSON.stringify({
...JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}'),</p><pre class="brush:php;toolbar:false;">  }));
} catch (e) {
  console.warn('Failed to write expiring storage:', e);
}

};

const get = (key) => { try { const store = JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}'); const item = storekey; if (!item) return null; if (Date.now() > item.expires) { remove(key); return null; } return item.value; } catch (e) { console.warn('Failed to read expiring storage:', e); return null; } };

const remove = (key) => { try { const store = JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}'); delete storekey; localStorage.setItem(STORAGE_KEY, JSON.stringify(store)); } catch (e) { console.warn('Failed to remove expiring storage:', e); } };

const clear = () => { localStorage.removeItem(STORAGE_KEY); };

return { set, get, remove, clear }; };

// 使用示例 const storage = createExpiringStorage(); storage.set('token', 'abc123', 60); // 60 秒后过期 console.log(storage.get('token')); // 未过期时返回 'abc123'，过期后返回 null