JavaScript WeakMap 与 WeakSet

WeakMap（键必须是对象/弱引用/不可枚举/自动GC）和WeakSet的用途：私有数据存储、DOM节点元数据、防止内存泄漏、与Map/Set对比 · 难度：入门 · +10XP

JavaScript WeakMap 与 WeakSet —— 不会阻止垃圾回收的集合

Map和Set都会强引用它们的键值——只要Map存在，键对象就永远不会被垃圾回收。WeakMap和WeakSet提供了弱引用——如果键对象没有其他引用了，它就可以被回收。

WeakMap 基本用法

const wm = new WeakMap();
const obj = { id: 1 };
wm.set(obj, 'private data');
console.log(wm.get(obj)); // 'private data'
console.log(wm.has(obj)); // true
wm.delete(obj);
// obj被销毁后，WeakMap中对应的条目自动被GC清除

WeakMap vs Map

实际应用：DOM节点元数据

const metadata = new WeakMap();
const btn = document.querySelector('button');
metadata.set(btn, { clickCount: 0 });
btn.addEventListener('click', () => {
  metadata.get(btn).clickCount++;
});
// 当btn从DOM中移除且没有其他引用时，metadata中对应的数据自动释放

动手练习

1. 基础练习：用WeakMap给DOM元素存储关联数据，演示元素移除后数据自动清理。
2. 进阶应用：用WeakSet跟踪"已处理过"的对象，防止重复处理。
3. 项目实战：用WeakMap实现JavaScript中真正的私有属性（类的外部无法访问）。