WeakMap: 存放数据但不持有引用

2024-01-06 12:58:48

WeakMap 的作用

在 JavaScript 中，我们经常需要在对象上存储一些数据，例如，我们可能需要在用户对象上存储他们的电子邮件地址，或者在产品对象上存储他们的价格。通常情况下，我们会使用对象的属性来存储这些数据，例如：

const user = {
  name: 'John Doe',
  email: 'johndoe@example.com'
};

然而，有时我们想在某个对象上面存放一些数据，但是这会形成对于这个对象的引用。例如，我们可能想在 DOM 元素上存储一些数据，以便稍后能够引用它。但是，如果我们使用对象的属性来存储这些数据，那么当 DOM 元素被垃圾回收时，这些数据也会被垃圾回收，这可能会导致问题。

WeakMap 旨在解决这个问题。WeakMap 的设计目的在于，有时我们想在某个对象上面存放一些数据，但是这会形成对于这个对象的引用。WeakMap 是一种特殊类型的 Map 对象，它可以将键值对存储在内存中，但与 Map 不同的是，WeakMap 不会阻止键被垃圾回收，因此不会形成循环引用。

WeakMap 的用法

WeakMap 的用法与 Map 非常相似。我们可以使用 set() 方法来设置键值对，使用 get() 方法来获取键值对，使用 has() 方法来检查键值对是否存在，以及使用 delete() 方法来删除键值对。

const weakMap = new WeakMap();

// 设置键值对
weakMap.set(document.body, 'This is the body element');

// 获取键值对
const value = weakMap.get(document.body);

// 检查键值对是否存在
const hasValue = weakMap.has(document.body);

// 删除键值对
weakMap.delete(document.body);