localStorage本身不支持过期时间，但可通过存入时附加到期时间戳、读取时校验并自动清理来模拟；需封装set/get/remove方法，注意同步阻塞、容量限制、跨标签页延迟清理及安全风险。
localStorage 本身不支持过期时间，但可以通过在存入时附加时间戳，并在读取时校验是否过期，来模拟带过期时间的缓存机制。
存储时记录过期时间
写入数据时，把原始值和过期时间（如毫秒时间戳）一起打包成对象，再序列化存入 localStorage。
- 推荐使用 Date.now() + 过期毫秒数 计算到期时间，比如 10 分钟后过期：
Date.now() + 10 * 60 * 1000 - 存入结构示例：
{ value: "data", expires: 1717023600000 } - 避免直接覆盖原 key，确保每次存入都携带完整元信息
读取时自动判断是否过期
读取时先反序列化，检查 expires 是否大于当前时间戳；若已过期，主动删除并返回 null。
- 不要只依赖读取逻辑“假装过期”，应同步调用
localStorage.removeItem(key)清理无效数据 - 可封装成统一的
getWithExpire(key)方法，内部完成解析、比对、清理全流程 - 注意 JSON.parse 可能抛错（如数据被手动篡改），建议加 try-catch 保护
封装一个简易工具类
把存、取、删逻辑收拢，提升复用性和可维护性：
立即学习“Java免费学习笔记（深入）”；
- set(key, value, ttlMs)：存值 + 设置过期时间（单位毫秒）
- get(key)：读值，自动过滤过期项
- remove(key)：安全删除（兼容原生行为）
- 可选支持默认值、自定义序列化器（如处理 undefined / Date 类型）
注意事项与边界情况
这个方案轻量实用，但需留意以下细节：
- localStorage 是同步阻塞 API，高频读写可能影响主线程，不适合存大量或频繁更新的数据
- 不同浏览器对 localStorage 容量限制不同（通常 5MB），大对象要提前评估体积
- 跨标签页/窗口间无法实时同步过期状态，首次读取时才触发清理，属最终一致性
- 不要用于敏感信息缓存（localStorage 易被 XSS 窃取，且无加密能力）
不复杂但容易忽略：过期判断必须用 Date.now()，而非服务端时间，避免时钟偏差问题。
