揭秘 Set、WeakSet、Map、WeakMap、WeakRef 与 FinalizationRegistry 背后的奥秘

深入解析 Set 和 WeakSet：高效管理集合
集合，顾名思义，是指一组不包含重复元素的元素集合。在 JavaScript 中，Set 和 WeakSet 是两种不同的集合实现。

Set：原生集合

Set 是一种原生 JavaScript 数据结构，用于存储唯一值。它支持添加、删除和检查元素是否存在等基本操作。我们可以使用 new Set() 创建一个 Set 对象，并通过 add() 方法向其中添加元素，通过 delete() 方法从集合中删除元素，通过 has() 方法检查集合中是否存在某个元素。

WeakSet：弱引用集合

WeakSet 与 Set 非常相似，但它使用弱引用来存储元素。这意味着 WeakSet 中的元素不会阻止其被垃圾回收器回收。这种特性使得 WeakSet 非常适合存储对 DOM 元素的引用，因为这些元素可能会在应用程序运行时被删除或销毁。

Map 和 WeakMap：键值对的强大组合

Map 和 WeakMap 是 JavaScript 中存储键值对的两种数据结构。它们与对象非常相似，但有一些关键的区别。

Map：有序键值对集合

Map 是一种有序键值对集合，这意味着它可以记住键的插入顺序。我们可以使用 new Map() 创建一个 Map 对象，并通过 set() 方法向其中添加键值对，通过 get() 方法获取指定键对应的值，通过 delete() 方法从集合中删除键值对。

WeakMap：弱引用键值对集合

WeakMap 与 Map 非常相似，但它使用弱引用来存储键。这意味着 WeakMap 中的键不会阻止其被垃圾回收器回收。这种特性使得 WeakMap 非常适合存储对 DOM 元素的引用，因为这些元素可能会在应用程序运行时被删除或销毁。

WeakRef 和 FinalizationRegistry：释放内存与追踪对象

WeakRef 和 FinalizationRegistry 是 JavaScript 中用于释放内存和追踪对象的两个数据结构。

WeakRef：弱引用

WeakRef 是一种弱引用，这意味着它不会阻止其引用的对象被垃圾回收器回收。这使得 WeakRef 非常适合在不阻止对象被垃圾回收的情况下，存储对对象的引用。

FinalizationRegistry：追踪对象

FinalizationRegistry 是一种对象，它允许我们注册一个回调函数，以便在某个对象被垃圾回收时调用该回调函数。这使得我们可以执行一些清理工作，例如释放资源或删除事件监听器。

巧妙利用这些数据结构，提升代码性能

通过理解 Set、WeakSet、Map、WeakMap、WeakRef 和 FinalizationRegistry 的特性和应用场景，我们可以在代码中更有效地利用这些数据结构，从而提升代码性能和可维护性。

Set 和 WeakSet 的应用场景

• Set 可以用于存储唯一值，例如用户 ID、产品 ID 等。
• WeakSet 可以用于存储对 DOM 元素的引用，以便在元素被删除或销毁时自动释放内存。

Map 和 WeakMap 的应用场景

• Map 可以用于存储键值对，例如用户姓名和电子邮件地址、产品名称和价格等。
• WeakMap 可以用于存储对 DOM 元素的引用，以便在元素被删除或销毁时自动释放内存。

WeakRef 和 FinalizationRegistry 的应用场景

• WeakRef 可以用于在不阻止对象被垃圾回收的情况下，存储对对象的引用。
• FinalizationRegistry 可以用于在某个对象被垃圾回收时执行一些清理工作，例如释放资源或删除事件监听器。

结语：解锁 JavaScript 数据结构的奥秘

Set、WeakSet、Map、WeakMap、WeakRef 和 FinalizationRegistry 是 JavaScript 中经常被忽略的六个内置数据结构。通过理解它们的独特特性、适用场景以及它们在构建复杂应用程序中的强大作用，我们可以扩展我们的 JavaScript 知识，并在代码中更有效地利用这些数据结构。

这些数据结构不仅可以帮助我们管理数据，还能优化代码性能和可维护性。通过巧妙利用它们，我们可以构建出更加健壮、高效的 JavaScript 应用