WeakMap通过弱引用对象键避免内存泄漏，适用于缓存、私有数据存储、对象状态追踪及框架内部元数据管理，确保对象销毁时关联数据自动回收。
JavaScript中的WeakMap是一种特殊的集合类型，它允许你将对象作为键，并且这些对象是弱引用的。这意味着如果一个对象只被WeakMap引用，那么这个对象可以被垃圾回收机制正常回收，不会造成内存泄漏。这种特性决定了WeakMap在一些特定场景下非常有用。
1. 缓存与私有数据存储
当你需要为某些对象附加额外的数据，但又不希望影响它们的生命周期时，WeakMap是一个理想选择。
- 比如你想给DOM元素添加一些元信息（如状态、配置），但不能通过属性直接挂在DOM上（避免污染或循环引用）。
- 使用WeakMap可以安全地将数据与DOM元素关联，一旦该DOM被移除，对应的缓存也会自动释放。
const privateData = new WeakMap();
function setUserInfo(element, info) {
privateData.set(element, info);
}
function getUserInfo(element) {
return privateData.get(element);
}
// 使用
const domEl = document.getElementById('user-panel');
setUserInfo(domEl, { visited: true, timestamp: Date.now() });
console.log(getUserInfo(domEl)); // 正常读取
// 当domEl被删除后，privateData中对应项可被自动回收
2. 避免内存泄漏的对象映射
如果你用普通Map以对象为键来存储数据，只要Map存在，这些对象就无法被回收，容易导致内存堆积。
- WeakMap解决了这个问题——它的键是“弱”的，不影响垃圾回收。
- 适用于事件监听管理、观察者模式、对象状态追踪等长期运行的程序模块。
在实现一个对象观察器时，你可以用WeakMap保存每个被观察对象的状态，当对象消失时，状态也随之释放，无需手动清理。
立即学习“Java免费学习笔记（深入）”；
Springboot Vue Builder
下载
从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。
3. 实现真正的私有实例字段（兼容旧环境）
虽然现代JavaScript支持类中的私有字段（#field），但在一些不支持的环境中，WeakMap可用于模拟私有成员。
- 利用闭包 + WeakMap，确保外部无法直接访问内部数据。
- 同时不影响实例的正常销毁流程。
const _balance = new WeakMap();
class BankAccount {
constructor(initial) {
_balance.set(this, initial);
}
get balance() {
return _balance.get(this);
}
deposit(amount) {
_balance.set(this, _balance.get(this) + amount);
}
}
这种方式实现了封装性，而且不会阻碍BankAccount实例的回收。
4. 框架和库的内部实现
许多前端框架或工具库内部使用WeakMap来管理组件实例与元数据之间的关系。
- 例如：Vue、React插件、自定义Hooks管理器等。
- 用于跟踪副作用、依赖收集、缓存计算结果等。
- 保证在组件卸载后相关资源自动清理。
基本上就这些。WeakMap不是用来替代Map的，而是专为解决“对象生命周期+附加数据”这类问题设计的。合理使用能有效提升应用的内存安全性。
