JavaScript全局缓存内存溢出本质是对象被强引用阻止GC回收；排查需用Chrome Memory面板比对堆快照确认缓存失控增长，检查键是否引发隐式强引用泄漏（如DOM元素），优先用字符串ID作key或WeakMap，确保缓存有TTL/LRU/手动清理机制，并添加运行时监控日志。
JavaScript 中因全局缓存（如 Map 或 WeakMap）无限增长引发的内存溢出，本质是对象持续被强引用而无法被垃圾回收器（GC）释放。排查核心在于：确认缓存是否“只增不减”、是否有意/无意保留了本该失效的引用、以及 GC 是否实际触发并生效。
确认缓存是否失控增长
用 Chrome DevTools 的 Memory 面板做堆快照（Heap Snapshot）是最直接方式：
- 在疑似问题场景前后（如多次操作后）分别录制 2–3 次堆快照
- 切换到 “Comparison” 视图，筛选构造函数名（如
MyCache、Map），重点关注 Retained Size 和 # New 列 - 若某
Map实例的 size 持续上升，且其entries数量与业务逻辑明显不符（比如缓存了上万条本应最多几百条的数据），就基本锁定问题源
检查缓存键是否造成隐式强引用泄漏
常见陷阱是把 DOM 元素、大型对象或闭包作为 Map 的 key：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
-
cache.set(domElement, data)→ 即使 DOM 被移除，只要 Map 还持有该元素引用，整个子树都无法回收 -
cache.set(obj, value)，而obj是某个组件实例或包含大量属性的对象，且未被主动清理 → 缓存成了“对象坟场” - 建议改用字符串 ID 作 key（如
cache.set(item.id, value)），或使用WeakMap（仅支持对象 key，且不阻止 key 被回收）——但注意：WeakMap不能遍历、不能清空、key 必须是对象，不适用于需按条件批量清理的场景
验证缓存是否具备有效淘汰机制
没有过期、LRU、容量限制或手动清理的缓存，迟早会撑爆内存：
立即学习“Java免费学习笔记（深入）”；
- 检查是否遗漏了关键清理调用，例如组件卸载时没调用
cache.delete(key)或cache.clear() - 对高频写入缓存，添加显式上限：用
Map.prototype.size监控，超限时按 LRU 策略删除最久未用项（可借助Map的插入顺序特性实现简易 LRU） - 为缓存项添加时间戳或 TTL 字段，在读取前校验有效性，避免“僵尸数据”长期驻留
辅助诊断：运行时监控与日志
在线上或测试环境加入轻量级可观测性：
- 在缓存 set/delete 方法中埋点，打印当前 size、最大 size、最近 10 次操作类型和 key 特征（如截取字符串前 20 字符）
- 用
performance.memory（仅 Chromium）定期记录 JS 堆使用量变化趋势，配合缓存 size 日志交叉分析 - 若发现缓存 size 稳定但内存仍缓慢上涨，需怀疑是否存在闭包捕获、事件监听器未解绑、或定时器持续引用缓存对象等间接引用链
