深入JavaScript_WeakMap与WeakSet-js教程-PHP中文网

深入JavaScript_WeakMap与WeakSet

幻影之瞳

发布： 2025-11-22 22:21:34

原创

760人浏览过

WeakMap和WeakSet通过弱引用实现自动内存管理，避免内存泄漏。1. WeakMap键必须是对象，键值对在键对象被回收时自动清除，适用于私有数据关联和缓存。2. WeakSet仅存储唯一对象，元素弱引用，常用于标记活跃对象或防重复操作。3. 二者均不可遍历、无size属性、不支持clear()，调试困难但能减少手动清理逻辑。4. 与Map/Set相比，WeakMap/WeakSet在对象生命周期管理上更安全，适合框架或库开发中处理动态对象。

深入javascript_weakmap与weakset

WeakMap 和 WeakSet 是 JavaScript 中两种特殊的集合类型，它们与 Map 和 Set 看起来相似，但在内存管理和使用场景上有本质区别。理解它们的关键在于“弱引用”这一特性，这使得它们在处理对象生命周期和避免内存泄漏方面具有独特优势。

WeakMap：弱引用的键值对存储

WeakMap 是一个键值对集合，但它的键必须是对象（包括函数、数组等），且这些键是弱引用的。这意味着如果一个对象只被 WeakMap 作为键引用着，那么这个对象可以被垃圾回收机制正常回收。

主要特点：

《深入浅出MySQL：数据库开发、优化与管理维护》第2版

1175

查看详情

键必须是对象：原始值（如字符串、数字）不能作为 WeakMap 的键。
弱引用键：不会阻止垃圾回收器回收键对象。一旦键对象不再被其他地方引用，它就会被自动从 WeakMap 中移除。
不可枚举：无法遍历 WeakMap 的键、值或条目，也没有 clear() 方法。
没有 size 属性：无法知道 WeakMap 中有多少项。

常见用途：

立即学习“Java免费学习笔记（深入）”；

私有数据关联：将某些元数据与对象绑定，而不影响其生命周期。例如，在类实例上附加信息但不暴露给外部。
缓存对象相关数据：比如记录某个 DOM 节点的上次更新时间，当节点被移除后，缓存也随之消失。

示例：

const cache = new WeakMap();

function setData(obj, data) {
  cache.set(obj, data);
}

function getData(obj) {
  return cache.get(obj);
}

const user = { name: 'Alice' };
setData(user, { lastLogin: Date.now() });

console.log(getData(user)); // { lastLogin: ... }

// 当 user 被设为 null 后，对应的数据也会被自动清理
user = null; // 原对象可被回收，WeakMap 不会阻止

登录后复制

WeakSet：弱引用的对象集合

WeakSet 是一个只存储对象的集合，且这些对象也是弱引用的。它类似于 Set，但不具备可枚举性，也不能包含重复对象。

主要特点：

只能存对象：不允许添加原始值。
弱引用元素：集合中的对象不会阻止垃圾回收。
不可遍历：没有 forEach、keys() 等方法，也无法获取大小。
成员唯一：同一个对象只能出现一次。

典型应用场景：

标记活跃对象：比如跟踪当前正在处理的 DOM 元素，处理完成就从 WeakSet 移除或等待自动回收。
防止重复操作：确保某个对象不会被重复初始化或监听。

示例：

const processing = new WeakSet();

function startProcessing(obj) {
  if (processing.has(obj)) {
    console.log('Already processing');
    return;
  }
  processing.add(obj);
  // 执行一些异步操作
  setTimeout(() => {
    // 操作完成后可手动删除，也可依赖自动清理
    processing.delete(obj);
  }, 1000);
}

const task = { id: 1 };
startProcessing(task); // 正常开始
startProcessing(task); // 提示已在处理

task = null; // 对象可被回收，WeakSet 不会阻止

登录后复制