理解JavaScript中的WeakMap和WeakSet_javascript es6-js教程-PHP中文网

理解JavaScript中的WeakMap和WeakSet_javascript es6

狼影

发布： 2025-11-19 17:24:06

原创

200人浏览过

WeakMap和WeakSet是ES6提供的弱引用集合，用于避免内存泄漏。其键或元素必须是对象，且不阻止垃圾回收，当对象被回收时，对应数据自动清除；它们不可遍历、无size和clear方法，适用于私有数据存储、缓存和状态标记等场景。

理解javascript中的weakmap和weakset_javascript es6

WeakMap 和 WeakSet 是 ES6 引入的两种特殊的集合类型，它们与 Map 和 Set 有相似之处，但在内存管理和使用场景上有本质区别。理解它们的关键在于“弱引用”这个概念。

什么是弱引用？

JavaScript 的垃圾回收机制会自动清理不再被引用的对象。普通对象引用是“强引用”，只要存在引用，对象就不会被回收。而“弱引用”不会阻止垃圾回收，当一个对象仅被 WeakMap 或 WeakSet 引用时，它可以在任意时间被回收。

这种机制避免了内存泄漏，特别适用于需要临时存储对象但又不希望干扰其生命周期的场景。

Grammarly

Grammarly是一款在线语法纠正和校对工具，伟大的AI辅助写作工具

253

查看详情

WeakMap：键必须是对象的弱引用集合

WeakMap 的键只能是对象（包括函数、数组等），值可以是任意类型。一旦键对象被垃圾回收，对应的键值对也会自动从 WeakMap 中移除。 特点：

键必须是对象，不能是原始类型（如字符串、数字）
不可遍历，没有 keys()、values()、entries() 方法
没有 clear() 方法
不能知道当前有多少个键值对（无 size 属性）

常见用途：

私有数据存储：将实例对象作为键，存储与其相关的私有数据
缓存计算结果：以对象为键缓存其衍生数据，对象销毁后缓存自动清除
事件监听管理：记录某个 DOM 元素是否已绑定事件，元素移除后记录自动失效

示例：

const privateData = new WeakMap();

class Person {
  constructor(name) {
    privateData.set(this, { name });
  }
  getName() {
    return privateData.get(this).name;
  }
}
// 当 Person 实例被销毁，privateData 中对应条目自动清除

登录后复制

WeakSet：只存储对象的弱引用集合

WeakSet 只能存储对象，且这些对象都是弱引用。对象被回收后，会自动从 WeakSet 中移除。 特点：

只能添加对象，不能添加原始值
不可遍历，没有迭代方法
没有 clear()，也没有 size 属性

常见用途：

标记对象：记录某个对象是否处于特定状态（如正在加载、已初始化）
防止重复处理：确保某个对象只被处理一次，处理完成后可手动删除或等待自动清理

示例：

const processing = new WeakSet();

function startProcessing(user) {
  if (processing.has(user)) return;
  processing.add(user);
  // 执行处理逻辑
}
// user 对象销毁后，WeakSet 中的引用自动消失

登录后复制