在 JavaScript 中，当我们创建对象时，它们会存在内存中直到你不再需要它们并通过垃圾回收器才被清理。但是有一个问题需要注意，假设这些对象被其他部分引用着，它们可能永远不会被垃圾回收器清理，即使现在它们已经没有用处了。在某种程度上，这可能导致内存泄漏和性能问题。
ES9 引入了 WeakMap 和 WeakSet 两个新数据结构来帮助解决这一问题。在本文中，我们将讨论什么是 WeakMap 和 WeakSet、什么时候应该使用它们以及如何使用它们。
什么是 WeakMap 和 WeakSet？
首先，让我们了解一下 WeakMap 和 WeakSet 的基本概念。
WeakSet 与 Set 很类似，唯一的区别是 WeakSet 中的对象必须是弱引用，也就是说只要对这个对象的引用被删除，则这个对象将自动从集合中移除。与 Set 对象不同，WeakSet 对象可以自动释放被垃圾回收器标记为无用的对象，所以它们对内存管理更友好。
-- -------------------- ---- ------- ----- - - - ----- --- - ----- - - - ----- --- - ----- - - - ----- --- - ----- ------- - --- ----------- -- --- --------------------------- -- ---- ------ - --------------------------- -- -------------
WeakMap 与 Map 类似，它也是一种键值对集合，但是 WeakMap 中的键名必须是弱引用对象。只要垃圾回收器清除此键名所引用的对象，该键则会自动从 WeakMap 中删除，这有助于解决内存泄漏的问题。
-- -------------------- ---- ------- ----- --- - --- --------- ----- ---- - - --- - - ----- ------ - - ----- --- - ------------- ------- -------------------------- -- - ----- --- - ------ ---- -------------------------- -- -------------
使用场景
在什么情况下应该使用 WeakMap 和 WeakSet 呢？通常来说，当你需要存储对象或 DOM 元素的引用，并且你不想造成内存泄漏时，使用 WeakMap 和 WeakSet 是非常有必要的。
考虑使用闭包构建私有字段和方法：
-- -------------------- ---- -------
-------- ------ -
----- ----------- - --- ---------
-------- ----------------- -
--------------------- -----------
-
-------------------------- - ---------- -
------ ----------------------------------
-
------ -----
-
----- ----- - ------
----- - - --- ------- ------------- -- --
--------------------------- -- --在这里，我们使用了 WeakMap 来存储敏感数据，这可以确保只有构造函数中的方法才能访问设定的值。
总结
WeakMap 和 WeakSet 是很强大的 JavaScript 内置集合类型，它们通过自动解除建立的弱引用来防止内存泄漏，并且为内存管理提供了高效的解决方案。它们通常用于维护对象引用和私有字段，是构建高性能 Web 应用程序的重要工具之一。
希望本文对你使用 WeakMap 和 WeakSet 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651b36c195b1f8cacd2ebb81