WeakMap 和 WeakSet 通过弱引用避免内存泄漏，适用于缓存数据、存储私有属性和标记对象状态。其键或值不阻止垃圾回收，适合管理对象生命周期相关的场景。
WeakMap 和 WeakSet 是 JavaScript 中两种特殊的集合类型，它们的“弱引用”特性让它们在特定场景下非常有用。虽然日常开发中不常直接使用，但在需要避免内存泄漏或管理私有数据时，它们能发挥关键作用。
1. 避免内存泄漏：自动释放不再使用的对象
WeakMap 和 WeakSet 的最大特点是它们对键（WeakMap）或值（WeakSet）的引用是“弱”的，不会阻止垃圾回收机制回收这些对象。
这意味着当你把一个对象作为 WeakMap 的键或 WeakSet 的成员后，如果这个对象在其他地方被销毁，它也会自动从 WeakMap 或 WeakSet 中移除，不会造成内存堆积。
常见用途：
立即学习“Java免费学习笔记（深入）”；
- 缓存与对象相关的数据，而不影响其生命周期
- 跟踪 DOM 节点的状态（比如是否已初始化），页面卸载后自动清理
例如：用 WeakMap 缓存某个对象的计算结果
const cache = new WeakMap();function expensiveCalc(obj) { if (cache.has(obj)) { return cache.get(obj); } const result = / 复杂计算 /; cache.set(obj, result); return result; }
当 obj 被回收时，对应的缓存也会自动消失，无需手动清理。
2. 实现对象私有数据
在类中，有时想为实例保存一些私有状态，又不想暴露给外部或被枚举到。
WeakMap 可以用来存储实例与其私有数据之间的映射，且无法被外部访问。
网页中拖动 DIV 是很常见的操作，今天就分享给大家一个 jQuery 多列网格拖动布局插件，和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小，并且支持多列的网格布局，它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的 HTML 元素转换为网格组件
示例：用 WeakMap 存储私有属性
const privateData = new WeakMap();class Person { constructor(name, age) { this._name = name; privateData.set(this, { age }); }
getAge() { return privateData.get(this).age; }
setAge(val) { privateData.get(this).age = val; } }
这样 age 数据不会出现在 this 上，也无法被枚举或直接访问，实现了真正的私有性（ES6 时代常用技巧，现在可用 # 字段替代）。
3. 标记或追踪对象状态
WeakSet 适合用来标记某些对象是否处于某种状态，比如“已处理”、“正在监听”等。
由于它只允许对象作为成员，且是弱引用，非常适合做标记集合。
例子：防止重复处理同一个 DOM 元素
const processedNodes = new WeakSet();function processNode(node) { if (processedNodes.has(node)) return; // 执行处理逻辑 processedNodes.add(node); }
即使页面结构变化、节点被移除，WeakSet 不会阻止其回收，也不会导致内存泄漏。
基本上就这些。WeakMap 和 WeakSet 不是用来替代 Map 和 Set 的，而是专门解决“对象生命周期管理”和“私密性/性能”问题的工具。用得不多，但关键时刻很管用。
