ES11 区别 WeakSet 和 Set，深入理解 ES11 集合
ES11 是新一代的 JavaScript 标准，它在 Set 和 WeakSet 数据结构上引入了许多新特性。在本文中，我们将会深入探讨 ES11 中的 Set 和 WeakSet 的区别和应用场景。
Set 和 WeakSet 是 JavaScript 中两种不同的集合数据结构，它们都可以用于存储一组无序的唯一值。其中主要区别在于它们的弱引用特性上。
Set
Set 是一个存储唯一值的集合，它类似于数组，但是它不允许有重复的元素。在使用 Set 时，你可以向其中添加任何类型的数据，例如字符串或对象等。Set 可以迭代，能快速地存储和检索数据，但是无法通过索引进行访问。
以下是如何使用 Set 来存储一些数据，然后通过 forEach() 方法来迭代这些数据：
const set = new Set([1, 2, 'Hello', { name: 'Tom' }]);
set.forEach((value) => {
console.log(value);
});WeakSet
WeakSet 也是一个存储唯一值的集合，但是它与 Set 的最大区别在于它只能存储对象类型的值，并且它的所有对象都是弱引用的。这意味着如果一个对象被从内存中删除了，那么它在 WeakSet 中对应的值也会自动删除。
WeakSet 的弱引用特性有助于在需要存储对象集合但不想对这些对象造成额外引用计数时减少内存泄漏的问题。但是，它不能迭代，也不能通过 size 属性进行访问。
以下是如何使用 WeakSet 来存储一些数据：
const obj1 = { name: 'Tom' };
const obj2 = { name: 'Mary' };
const weakSet = new WeakSet([obj1, obj2]);在使用 WeakSet 时需要注意，当你在 WeakSet 中存储对象时，必须保证这些对象必须是全局唯一的，并且不能被其他对象引用。否则会导致一些难以发现的内存泄漏问题。
总结
通过本文的介绍，我们可以看出 Set 和 WeakSet 在应用场景上存在很大的区别。如果你需要存储唯一的元素，并且要迭代和访问数据，那么 Set 可能是一个更好的选择。而如果你需要存储一组对象，并且不想对这些对象造成额外引用，那么 WeakSet 可能会是更好的选择。
通过深入理解 ES11 中的集合数据结构，我们可以更加灵活地使用这些数据结构，也能够有效地解决 JavaScript 中的一些内存泄漏问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b093d748841e9894cac706