闭包实现带TTL的局部缓存：工厂函数返回{set,get,clear}，用Map存值与过期时间，惰性清理+定时扫描防内存泄漏，键需稳定，值注意深拷贝，可按需叠加LRU容量控制。

用闭包实现带过期时间的局部缓存，核心是把缓存数据、过期时间戳和清理逻辑全封在函数作用域里，外部只能通过 set/get 接口操作，既安全又轻量。它不依赖任何库，适合高频调用但结果不常变的计算场景，比如格式化长字符串、解析 URL 参数、生成唯一 ID 前缀等。

封装私有状态，避免时间判断泄漏

闭包能天然隔离 expiresAt、cache Map 等内部变量，防止被误改或意外读取。推荐写成工厂函数：

• 接收 ttlMs（毫秒），返回 { set, get, clear } 对象
• 内部用 Map 存值，用另一个 Map（或直接存在 value 对象里）记每个 key 的过期时间点
• 所有时间比对（Date.now() > expiresAt）只在闭包内发生，外界看不到时间戳

get 时惰性清理 + 定时主动扫描

只靠 get 检查会漏掉长期不用的过期项，内存持续增长。双模式更稳妥：

前端设计优化skill

前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。

下载

• 惰性清理：每次 get 先判断是否过期，过期就 delete(key)，不返回值
• 主动扫描：用 setInterval 每 30 秒遍历一次所有 key，批量删除已过期项；记得在 clear 时 clearTimeout/clearInterval，防内存泄漏

键要稳定，值要注意引用

缓存效果好坏，很大部分取决于 key 是否可复用：

立即学习“前端免费学习笔记（深入）”；

• key 必须是 string/number/symbol，或用 JSON.stringify({ a, b }) 生成稳定字符串——别用 {} 或 () => {} 这类对象/函数作 key
• 如果缓存的是大数组或深层嵌套对象，set 时注意深拷贝（如 structuredClone），避免外部修改影响缓存一致性
• 在 React 中，把缓存实例放在模块顶层或 useRef 初始化一次，别写在组件函数体里反复重建

按需叠加容量控制

TTL 解决时效性，但不控内存上限。若缓存项可能上千，建议加 LRU：

• 用一个数组记录 key 的访问顺序，每次 set/get 都把对应 key 移到末尾
• set 前检查 size，超限时 pop 最前的 key 并 delete
• 淘汰逻辑放在 TTL 判断之后：先清过期项，再按 LRU 控制数量