JavaScript WeakMap与WeakSet应用

WeakMap 和 WeakSet 是 JavaScript 中通过弱引用实现内存安全的特殊集合类型，适用于需要自动管理对象生命周期的场景。

WeakMap 以对象为键，采用弱引用机制，键值对不会阻止垃圾回收。主要用途包括：

• 私有数据封装通过 WeakMap 将类的内部状态与实例绑定，避免暴露在公共接口中。例如：

  const privateData = new WeakMap();class Person { constructor(name) { privateData.set(this, { name }); // 绑定私有数据 } getName() { return privateData.get(this).name; // 外部无法直接访问 }}

  外部无法通过 privateData 直接获取实例的 name，实现了数据私有化。

• 缓存计算结果缓存基于对象的复杂计算结果，对象销毁后缓存自动释放。例如：

  const cache = new WeakMap();function computeExpensiveValue(obj) { if (cache.has(obj)) return cache.get(obj); const result = /* 复杂计算 */; cache.set(obj, result); return result;}

  当 obj 被销毁时，缓存条目随之清除，避免内存泄漏。

• DOM 元信息管理为 DOM 节点附加状态或事件标识，节点移除后数据自动回收。例如：

  const domMeta = new WeakMap();const div = document.createElement('div');domMeta.set(div, { clicked: false }); // 附加状态div.remove(); // 节点移除后，domMeta 中的数据自动释放

WeakSet 仅存储对象，采用弱引用机制，支持唯一性判断且不干扰垃圾回收。主要用途包括：

• 防止重复操作在异步任务中标记正在处理的对象，避免重复请求。例如：

  const inProgress = new WeakSet();async function fetchData(obj) { if (inProgress.has(obj)) return; // 已处理则跳过 inProgress.add(obj); const data = await /* 请求数据 */; // 处理数据...}

  对象销毁后，标记自动清除。

• 对象去重与注册在观察者模式中确保同一对象仅被监听一次。例如：

  const observers = new WeakSet();function addObserver(obj) { if (observers.has(obj)) return; // 已注册则跳过 observers.add(obj); // 添加监听逻辑...}

  对象销毁后，注册关系自动解除。

• 临时状态标记标记对象是否处于特定状态（如渲染中）。例如：

  const rendering = new WeakSet();function renderComponent(component) { if (rendering.has(component)) return; // 已渲染则跳过 rendering.add(component); // 执行渲染逻辑...}

• 内存安全普通对象或 Map/Set 会强引用键/值，即使目标对象不可达也无法被回收，导致内存泄漏。WeakMap/WeakSet 的弱引用机制确保对象不可达时自动清理关联数据。

• 自动管理无需手动删除过期条目，适合动态对象关联场景（如 DOM 节点、临时对象）。

• 不可遍历WeakMap/WeakSet 没有 keys()、values() 或 forEach 方法，无法直接获取所有条目。

• 无 size 属性无法获取集合中元素的数量。

• 不可清空没有 clear() 方法，设计上强制依赖垃圾回收机制。

• WeakMap 适用于对象键的私有数据存储、缓存和元信息管理。
• WeakSet 适用于对象唯一性标记、去重和临时状态跟踪。
• 两者通过弱引用避免内存泄漏，是自动内存管理的关键工具，但需接受其不可遍历和不可清空的限制。