引言
在 JavaScript 编程中，集合类型是非常重要的一部分，ES6 引入了两个新的集合类型：WeakSet 和 WeakMap，它们都提供了一种新的内存管理方式，旨在更好地管理内存并增加代码灵活性。
WeakSet
WeakSet 是 ES6 引入的第一个新的集合类型。它是一个可变的、无序的、只能包含对象的集合，其中每个对象都只能出现一次。WeakSet 允许 JavaScript 程序员将对象存储在一个集合内，而不用担心这些对象超出范围，因为它们存在于 WeakSet 中的引用都是弱引用。这意味着在程序执行的过程中，如果某个对象无法通过程序访问到它，那么它会被垃圾回收器回收。
具体来说，WeakSet 中的对象引用是弱引用，意味着它们不会增加引用计数。如果 WeakSet 中的对象被垃圾回收器回收，那么相应的键值对在 WeakSet 中也会被删除。
下面是一个简单的示例代码，演示如何使用 WeakSet：
const weakSet = new WeakSet();
let x = {a:1, b:2};
weakSet.add(x);
console.log(weakSet.has(x)); // 输出: true
x = null; // 对象的引用被删除
console.log(weakSet.has(x)); // 输出: false在这个示例中，我们创建了一个 WeakSet，将一个对象存储在其中，并检查对象是否存在。然后我们将对象引用设置为 null，这意味着对象不再通过程序访问，最后再次检查对象是否存在于 WeakSet 中。如预期的，对象已经被垃圾回收器回收，并且 WeakSet 也不再包含对象。
WeakMap
WeakMap 是 ES6 引入的第二个新的集合类型。它是一个可变的、无序的、只能包含键值对的集合，其中键只能是对象，而值可以是任何类型的 JavaScript 值。WeakMap 与 WeakSet 有同样的内存回收机制，即存储在 WeakMap 中的键值对会被自动删除。
WeakMap 的用途可谓广泛，我们可以创建一个 WeakMap 来存储需要与每个对象关联的元数据。例如，我们可以使用 WeakMap 为 DOM 元素存储一些数据，从而避免在元素上添加属性。这种使用方式尤其适用于大多数现代浏览器中的垃圾回收，因为它可以减少元素引起的内存瓶颈，从而提高代码的响应时间。
下面是一个使用 WeakMap 的简单示例：
const weakMap = new WeakMap();
const domNode = document.querySelector("div");
weakMap.set(domNode, { color: "red" });
console.log(weakMap.get(domNode).color); // 输出: "red"
domNode.remove(); // DOM 元素被删除
console.log(weakMap.get(domNode)); // 输出: undefined在这个示例中，我们使用 WeakMap 为 DOM 元素存储一些数据。我们将 DOM 元素作为键，将数据对象作为值，然后检索数据并在元素被删除之前将其打印到控制台。
总结
在本文中，我们探讨了 ES6 中新增的两种集合类型：WeakSet 和 WeakMap。WeakSet 和 WeakMap 都提供了一种新的内存管理方式，旨在更好地管理内存并增加代码灵活性。我们已经演示了如何使用 WeakSet 和 WeakMap，并提供了示例代码作为参考。WeakSet 和 WeakMap 在 JavaScript 中非常强大，需要掌握它们对于提高 Javascript 编程技能和代码性能有很大的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6585c455d2f5e1655d0504fa