JavaScript 中 LocalStorage 怎么实现缓存数据的自动清理-js教程-PHP中文网

localstorage无自动清理机制，需手动实现：存入时封装带毫秒时间戳的expires对象，读取时解析并校验过期时间，过期则删除并返回null。

javascript 中 localstorage 怎么实现缓存数据的自动清理

LocalStorage 本身不提供自动清理机制，所谓“自动清理”需要开发者自己实现逻辑，核心是给缓存数据添加时间戳，并在读写时检查是否过期。

给缓存数据添加过期时间

存储时，不直接存原始值，而是封装成带 expires 时间戳的对象。推荐使用毫秒时间戳（Date.now()），便于计算和比较。

写入示例：
localStorage.setItem('token', JSON.stringify({ value: 'abc123', expires: Date.now() + 1000 * 60 * 60 })); // 1小时后过期
避免用相对字符串（如 "1h"）或 Date 对象（序列化后易出错），统一用数字时间戳最稳妥

读取时自动判断并清理过期项

每次 getItem 前先解析内容，检查 expires 是否已过期。过期则主动删除并返回 null，模拟“自动失效”。

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

封装一个安全读取函数：

function getCached(key) {<br>  const item = localStorage.getItem(key);<br>  if (!item) return null;<br>  try {<br>    const parsed = JSON.parse(item);<br>    if (parsed.expires && parsed.expires       localStorage.removeItem(key);<br>      return null;<br>    }<br>    return parsed.value;<br>  } catch (e) {<br>    localStorage.removeItem(key);<br>    return null;<br>  }<br>}

定期清理或按需批量清理

单靠读取时清理可能残留大量过期数据。可在合适时机（如页面加载、用户登录后）遍历所有 key，统一清理。

遍历示例：

Object.keys(localStorage).forEach(key => {<br>  const item = localStorage.getItem(key);<br>  try {<br>    const { expires } = JSON.parse(item);<br>    if (expires && expires   } catch (e) { /* 忽略解析失败的项 */ }<br>});