WeakMap与WeakSet实际应用详解

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《WeakMap与WeakSet在JavaScript中的实际应用解析》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

WeakMap 和 WeakSet 通过弱引用避免内存泄漏，适用于缓存数据、存储私有属性和标记对象状态。其键或值不阻止垃圾回收，适合管理对象生命周期相关的场景。

WeakMap 和 WeakSet 是 JavaScript 中两种特殊的集合类型，它们的“弱引用”特性让它们在特定场景下非常有用。虽然日常开发中不常直接使用，但在需要避免内存泄漏或管理私有数据时，它们能发挥关键作用。

1. 避免内存泄漏：自动释放不再使用的对象

WeakMap 和 WeakSet 的最大特点是它们对键（WeakMap）或值（WeakSet）的引用是“弱”的，不会阻止垃圾回收机制回收这些对象。

这意味着当你把一个对象作为 WeakMap 的键或 WeakSet 的成员后，如果这个对象在其他地方被销毁，它也会自动从 WeakMap 或 WeakSet 中移除，不会造成内存堆积。

常见用途：

• 缓存与对象相关的数据，而不影响其生命周期
• 跟踪 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 可以用来存储实例与其私有数据之间的映射，且无法被外部访问。

示例：用 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 的，而是专门解决“对象生命周期管理”和“私密性/性能”问题的工具。用得不多，但关键时刻很管用。

今天关于《WeakMap与WeakSet实际应用详解》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！