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

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~