localStorage无内置过期机制，需手动实现：存入时附加expireAt时间戳，读取时校验并自动清理过期数据，推荐封装setExpiry/getExpiry工具函数，并注意容量限制与跨标签页并发问题。
LocalStorage 本身没有内置的过期机制，它的数据默认永久保存，所以“生命周期管理”需要开发者手动实现——核心思路是给数据附加时间戳，在读取时检查是否过期，过期则自动清除。
添加带过期时间的数据
写入时，把原始值和过期时间（如毫秒时间戳）一起存为对象：
- 用 Date.now() + 过期毫秒数 计算到期时间
- 统一用 JSON.stringify 存储，避免类型丢失
- 例如：30 分钟后过期 → Date.now() + 30 * 60 * 1000
读取时自动校验并清理
每次 get 操作不能直接返回值，要先解析、比对当前时间与 expireAt：
- 如果 expireAt ≤ Date.now()，说明已过期，调用 removeItem 并返回 null
- 否则返回 data 字段的值
- 这样既保证了“读即清理”，又避免了无效数据残留
封装成可复用的工具函数
推荐封装 setExpiry(key, value, ttlMs) 和 getExpiry(key)，隐藏时间戳逻辑：
立即学习“Java免费学习笔记（深入）”；
- setExpiry 自动计算并存入 { data: value, expireAt: timestamp }
- getExpiry 解析后判断，过期则删键并返回 undefined
- 也可扩展支持相对 TTL（如 1h）或绝对时间（如 new Date('2025-01-01')）
注意浏览器限制与边界情况
LocalStorage 容量约 5–10MB，但生命周期管理还涉及几个实际细节：
- 用户手动清除浏览数据时，所有 LocalStorage 会一并丢失
- 不同域名/协议/端口间 LocalStorage 完全隔离
- 同域下多个标签页共享同一份数据，需考虑并发读写（比如两个标签同时触发过期清理）
- 避免在大量 key 上频繁调用 getExpiry，必要时可加内存缓存或批量校验
