在 JavaScript 中，内存管理一直是一个难点。随着新的 JavaScript 版本的发布，内存管理的方式也在不断地演变和改进。ES11 中的 WeakRefs 和 Finalizers 就是其中一种新的内存管理方式。
WeakRefs
WeakRefs 是一种特殊的引用类型，它允许在不影响垃圾回收的情况下跟踪对象的引用。我们通常使用对象引用来访问对象本身，而 WeakRefs 利用的是 JavaScript 引擎内部的引用机制。WeakRefs 与其引用的对象完全分离，它们不会阻止对象被垃圾回收。只有在引用对象仍然存在时才能访问 WeakRefs。
WeakRefs 有两个主要的使用场景：
- 相关依赖的缓存 有时候我们需要对一个对象进行缓存，并希望能够在缓存的对象被垃圾回收时将其自动删除。使用 WeakRefs 就可以实现这种功能。
--- ----- - --- ------
-------- ------------- -
------------------ -
----- --- - ---------------
-------------- --- ---------- -
------ ------------
-
------------------
-
----- ----- - ---------------
-------------- --- ----------------
------ ------
-- 大型对象和资源管理 当我们需要存储大型的对象或者资源时，这些对象或资源的删除可能会导致内存泄漏。使用 WeakRefs 可以避免这种情况。
----- ----------- -
------------- -
------------- - -----------------
---------------- - ------------------------------------------- ----- ------ ---- ---
------------- - --- ----------------------------------------------
-
--------- -
------------------------------------------ -- --------------
-----------------------
-
----- ------------ -
----------------------- - ----- -----------------
---------------------
------------------------------------- ----
-
-在上面的代码中，我们通过创建一个数据对象 {} 来注册我们 videoDom 对象的 finalizer 函数，这个 finalizer 函数会在引用 videoDom 的所有 WeakRefs 都被删除后执行。在这个函数中，我们会将 mediaStream 关闭，并且将 videoDom 从 DOM 中移除，以确保我们不会出现任何内存泄漏的情况。
Finalizers
Finalizers 是 JavaScript 中的一个新的特性，用于确保在对象被垃圾回收之前执行一些用户定义的代码。Finalizers 与 WeakRefs 搭配使用，可以帮助我们更好地管理内存。
一个 Finalizers 通常包含一个回调函数，可以在对象被垃圾回收之前调用。与 WeakRefs 不同的是，Finalizers 不会跟踪对象引用，而是在对象被垃圾收集器收集之前按照注册顺序执行。
Finalizers 可以通过 FinalizationRegistry 类来创建。在创建 FinalizationRegistry 对象时需要定义一个回调函数，当对象被垃圾收集时调用。一般情况下，这个回调函数会执行相关资源和变量的释放和销毁操作。
----- ----------- -
------------- -
------------- - -----------------
---------------- - ------------------------------------------- ----- ------ ---- ---
------------- - --- ----------------------------------------------
-
--------- -
------------------------------------------ -- --------------
-----------------------
-
----- ------------ -
----------------------- - ----- -----------------
---------------------
------------------------------------- ----
-
-结论
可以看出，ES11 中的 WeakRefs 和 Finalizers 非常有用，能够大大简化前端内存管理的操作。与传统的内存管理方式相比，它们提供了更好的灵活性和安全性。
我们可以利用 WeakRefs 和 Finalizers 来解决许多前端中的内存管理问题。通过精巧的应用，我们能够有效避免许多内存泄漏和其他相关问题。同时，也能够让我们的代码具有更高的的可维护性和安全性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/673574ab0bc820c5824e8a4e