94 - 内置对象 - WeakSet 对象 - 弱集合的特点与应用

前端 - Javascript 《内置对象 - WeakSet 对象 - 弱集合的特点与应用》

在 JavaScript 中，WeakSet 是一种内置对象，它和 Set 对象有一些相似之处，但也有着独特的特点和应用场景。本文将深入探讨 WeakSet 对象的特点，并结合实际例子介绍其应用。

一、WeakSet 对象简介

WeakSet 对象允许你将弱引用对象存储在一个集合中。与 Set 不同的是，WeakSet 只能存储对象，不能存储原始值，并且这些对象是弱引用的。这意味着如果没有其他地方对这些对象有强引用，垃圾回收机制可以自动回收这些对象所占用的内存。

1. 创建 WeakSet 对象

可以使用 new WeakSet() 来创建一个新的 WeakSet 对象，如下所示：

const weakSet = new WeakSet();

2. 基本方法

WeakSet 对象有三个主要方法：add()、has() 和 delete()。

const obj1 = {};
const obj2 = {};
const weakSet = new WeakSet();
// 添加对象到 WeakSet
weakSet.add(obj1);
weakSet.add(obj2);
// 检查 WeakSet 中是否存在某个对象
console.log(weakSet.has(obj1)); // true
// 从 WeakSet 中删除对象
weakSet.delete(obj1);
console.log(weakSet.has(obj1)); // false

二、弱集合的特点

1. 只能存储对象

WeakSet 只能存储对象，不能存储原始值（如数字、字符串、布尔值等）。如果尝试存储原始值，会抛出错误。

const weakSet = new WeakSet();
try {
    weakSet.add(1); // 抛出 TypeError
} catch (error) {
    console.log(error.message); 
}

2. 弱引用

WeakSet 中的对象是弱引用的。这意味着如果没有其他地方对这些对象有强引用，垃圾回收机制可以自动回收这些对象所占用的内存。以下是一个示例：

let obj = {};
const weakSet = new WeakSet();
weakSet.add(obj);
// 移除对 obj 的强引用
obj = null;
// 一段时间后，垃圾回收机制可能会回收 obj 占用的内存

3. 不可枚举

WeakSet 没有 size 属性，也不能被迭代（如使用 for...of 循环）。这是因为 WeakSet 的主要目的是存储对象，而不是用于枚举或计数。

const weakSet = new WeakSet();
const obj = {};
weakSet.add(obj);
console.log(weakSet.size); // undefined
try {
    for (let item of weakSet) {
        console.log(item);
    }
} catch (error) {
    console.log(error.message); 
}

三、WeakSet 的应用场景

1. 跟踪对象状态

WeakSet 可以用于跟踪对象的状态，例如标记某些对象是否已经被处理过。

const processedSet = new WeakSet();
function processObject(obj) {
    if (processedSet.has(obj)) {
        console.log('该对象已经被处理过了');
        return;
    }
    // 处理对象
    console.log('处理对象:', obj);
    processedSet.add(obj);
}
const myObj = {};
processObject(myObj); // 处理对象: {}
processObject(myObj); // 该对象已经被处理过了

2. 避免内存泄漏

由于 WeakSet 中的对象是弱引用的，当对象没有其他强引用时，垃圾回收机制可以自动回收这些对象所占用的内存，从而避免内存泄漏。例如，在一些需要临时存储对象的场景中，可以使用 WeakSet。

function createObject() {
    const obj = {};
    const weakSet = new WeakSet();
    weakSet.add(obj);
    // 函数执行完毕后，obj 没有其他强引用，垃圾回收机制可以回收其内存
    return;
}
createObject();

四、总结

WeakSet 对象在 JavaScript 中是一个非常有用的工具，它的弱引用特性使得它在避免内存泄漏和跟踪对象状态等场景中有着独特的优势。通过合理使用 WeakSet，可以让我们的代码更加高效和健壮。