JavaScript中的WeakMap和WeakSet是ES6引入的两种特殊集合类型，它们的核心设计和普通Map、Set最大的区别就在于弱引用的特性，这一特性让它们在内存管理场景中有不可替代的优势。
WeakMap和WeakSet的核心特性
要理解它们的内存管理优势，首先需要明确两者的基本规则：
- WeakMap的键必须是对象，值可以是任意类型；WeakSet的成员只能是对象
- 两者都是弱引用集合，不会对其引用的对象形成强引用
- 两者都是不可枚举的，没有size属性，也没有clear方法
弱引用的含义
在JavaScript中，普通的对象引用是强引用，只要变量还在引用对象，垃圾回收机制就不会回收该对象。而弱引用不会阻止对象被回收，当WeakMap或WeakSet中引用的对象没有其他强引用时，即使该对象还在WeakMap或WeakSet中，也会被垃圾回收机制自动清理。
和普通Map、Set的内存差异对比
我们可以通过代码对比普通Map和WeakMap的引用差异：
// 普通Map的强引用示例
let normalMap = new Map();
let obj1 = { name: 'test' };
normalMap.set(obj1, 'value1');
// 移除obj1的变量引用
obj1 = null;
// 此时normalMap仍然持有obj1的强引用，obj1不会被回收
console.log(normalMap.size); // 输出1
// WeakMap的弱引用示例
let weakMap = new WeakMap();
let obj2 = { name: 'test2' };
weakMap.set(obj2, 'value2');
// 移除obj2的变量引用
obj2 = null;
// 此时WeakMap对obj2是弱引用，没有其他强引用的情况下obj2会被回收
// WeakMap不可枚举，无法直接查看size，但内部已经自动清理了该引用
同样，WeakSet和普通Set的差异也类似：
let normalSet = new Set();
let obj3 = { id: 1 };
normalSet.add(obj3);
obj3 = null;
// normalSet仍持有obj3的强引用，不会被回收
console.log(normalSet.size); // 输出1
let weakSet = new WeakSet();
let obj4 = { id: 2 };
weakSet.add(obj4);
obj4 = null;
// WeakSet对obj4是弱引用，obj4会被自动回收
内存管理中的独特优势
1. 避免无意识的内存泄漏
在前端开发中，经常需要给DOM元素添加关联数据，如果使用普通Map存储DOM和数据的映射，当DOM被移除时，如果忘记手动删除Map中的对应项，就会导致DOM无法被回收，造成内存泄漏。
// 使用普通Map存储DOM关联数据的隐患
const domDataMap = new Map();
const button = document.getElementById('btn');
domDataMap.set(button, { clickCount: 0 });
// 后续移除button元素
button.remove();
// 如果忘记domDataMap.delete(button)，button元素会一直被Map引用无法回收
// 使用WeakMap解决该问题
const domDataWeakMap = new WeakMap();
const button2 = document.getElementById('btn2');
domDataWeakMap.set(button2, { clickCount: 0 });
button2.remove();
// 此时button2没有其他强引用，会被自动回收，WeakMap中的对应项也会同步清理
2. 适合做临时数据缓存
当我们需要给对象临时附加一些计算属性，不需要长期保存时，WeakMap是很好的选择。比如给函数参数做缓存，缓存的数据不会阻止参数对象被回收：
// 函数结果缓存场景
const cache = new WeakMap();
function processObj(obj) {
if (cache.has(obj)) {
return cache.get(obj);
}
const result = /* 复杂计算逻辑 */ obj.value * 2;
cache.set(obj, result);
return result;
}
// 当传入的obj对象不再被使用时，缓存会自动清理，不会占用额外内存
3. 私有数据的安全存储
在ES2022之前，JavaScript没有原生的私有属性语法，使用WeakMap可以模拟私有属性，同时不会造成额外的内存负担。因为WeakMap的键是对象，外部无法直接获取WeakMap的引用，也就无法访问到私有数据，当对象实例被销毁时，对应的私有数据也会自动回收。
// 用WeakMap模拟私有属性
const privateData = new WeakMap();
class User {
constructor(name) {
privateData.set(this, { name });
}
getName() {
return privateData.get(this).name;
}
}
const user = new User('张三');
console.log(user.getName()); // 输出张三
// 当user实例被销毁时，privateData中对应的私有数据会自动被回收
使用注意事项
虽然WeakMap和WeakSet在内存管理上有优势，但也有使用限制：
- 不能作为普通集合使用，因为不可枚举，无法遍历所有成员
- WeakMap的键、WeakSet的成员必须是对象，不能是原始类型
- 没有clear方法，无法通过手动清空集合来释放所有引用
因此在实际开发中，需要根据场景选择：如果需要遍历集合、存储原始类型数据，还是使用普通Map和Set；如果场景涉及对象关联数据存储、临时缓存、需要避免内存泄漏，优先选择WeakMap和WeakSet。
WeakMapWeakSetJavaScript内存管理修改时间：2026-07-18 23:57:25