给程序员入门的一课：如何熟练使用 Set 与 WeakSet，让你的代码更有序

2023-09-10 11:47:15

Set和WeakSet：JavaScript中集合的深层探索

Set：集合之美

Set，JavaScript中一个无序集合，为程序员提供了一种巧妙且高效的方式来存储和管理不重复的数据。它的美妙之处在于，它允许存储任何类型的值，包括基本类型和复杂类型，同时确保集合中没有重复项。

想象一个杂货店的收银员，手中有一张列着所有商品条形码的Set。当客户将商品放在收银台上时，收银员只需检查Set中是否已经存在该条形码。如果没有，则表明该商品尚未被扫描，收银员将条形码添加到Set中。这种方法不仅可以避免重复扫描，还可以确保客户不会被多收取费用。

WeakSet：弱引用之谜

WeakSet，Set的堂兄弟，有着不同的特性。它只允许存储对象，而这些对象被称为“弱引用”，这意味着WeakSet不会阻止这些对象被垃圾回收。当一个对象不再被任何变量或常量引用时，它就会被标记为可被垃圾回收，并在以后的某个时间点被释放。

WeakSet的独特之处在于它可以跟踪对象，而不影响它们的生存周期。这就像一个善意的幽灵，默默地跟随在对象身后，记录着它们的存在。它对于跟踪DOM元素非常有用，因为这些元素可能会被不断创建和销毁。通过将DOM元素存储在WeakSet中，你可以轻松地从DOM中删除它们，而不必担心内存泄漏。

Set和WeakSet：相辅相成

Set和WeakSet就像一个完美的搭档，各有所长。Set用于存储不重复的数据，确保数据的一致性，而WeakSet用于跟踪对象，而不影响它们的生存周期。通过结合这两个数据结构，程序员可以编写出高效、健壮的代码。

代码示例

下面是一个使用Set的JavaScript代码示例：

// 创建一个Set
const mySet = new Set();

// 向Set中添加值
mySet.add(1);
mySet.add(2);
mySet.add(3);

// 检查某个值是否存在于Set中
console.log(mySet.has(2)); // true

// 从Set中删除某个值
mySet.delete(2);

// 遍历Set中的所有值
for (const value of mySet) {
  console.log(value); // 1, 3
}

下面是一个使用WeakSet的JavaScript代码示例：

// 创建一个WeakSet
const myWeakSet = new WeakSet();

// 向WeakSet中添加一个对象
const myObject = {};
myWeakSet.add(myObject);

// 检查某个对象是否存在于WeakSet中
console.log(myWeakSet.has(myObject)); // true

// 从WeakSet中删除某个对象
myWeakSet.delete(myObject);

// 遍历WeakSet中的所有对象
for (const value of myWeakSet) {
  console.log(value); // 此处不会输出任何内容，因为对象已被垃圾回收
}