ECMAScript 2018 引入了 WeakRef 和 FinalizationRegistry 这两个新的特性，它们可以帮助我们更好地处理 JavaScript 对象。在本文中，我们将详细介绍这两个特性的用法，并提供实际的示例代码。
WeakRef
在 JavaScript 中，对象的生命周期由垃圾回收器控制。当一个对象不再被引用时，垃圾回收器会将其从内存中删除。但是，有些情况下我们需要在对象被删除之前进行某些操作，比如清理资源或取消订阅。这时候，我们可以使用 WeakRef。
WeakRef 是一个弱引用，它不会阻止垃圾回收器删除对象，但是它可以在对象被删除之前通知我们。我们可以使用 WeakRef 的实例来监视一个对象，并在它被删除时执行某些操作。
下面是一个使用 WeakRef 的示例代码：
-- -------------------- ---- -------
----- --------------- -
------------- -
--------- - --- -------------------------
-
-
--- --- - --- ------------------
--- ------- - --- -------------
-- --------
--- - -----
-- --------------
-- ---------------- --- ----- -
----------------------
- ---- -
---------------------
-在上面的代码中，我们创建了一个名为 ExpensiveObject 的类，它包含一个占用大量内存的数据。然后，我们创建了一个对象 obj，并将其传递给 WeakRef 构造函数，以创建一个弱引用 weakRef。在某个时间点之后，我们将 obj 设置为 null，这意味着它不再被引用，可以被垃圾回收器删除。在对象被删除之前，我们使用 weakRef.deref() 方法来检查对象是否还存在。
FinalizationRegistry
在某些情况下，我们需要在对象被删除时执行一些清理操作，比如取消订阅或释放资源。这时候，我们可以使用 FinalizationRegistry。
FinalizationRegistry 是一个终结器注册表，它可以在对象被删除时执行某些操作。我们可以使用 FinalizationRegistry 的实例来监视一个对象，并在它被删除时执行某些操作。
下面是一个使用 FinalizationRegistry 的示例代码：
-- -------------------- ---- -------
----- --------------- -
------------- -
--------- - --- -------------------------
-
-
--- --- - --- ------------------
--- -------------------- - --- ------------------------ -- -
--------------- ------ -------
---
---------------------------------- --------------------
-- --------
--- - -----
-- -------------
----------------------------------------------------在上面的代码中，我们创建了一个名为 ExpensiveObject 的类，它包含一个占用大量内存的数据。然后，我们创建了一个对象 obj，并将其传递给 FinalizationRegistry 的 register 方法，以监视该对象。register 方法需要传递两个参数：要监视的对象和一个用于标识该对象的键值。在对象被删除时，FinalizationRegistry 会调用传递给构造函数的回调函数，并传递该对象的键值作为参数。在某个时间点之后，我们将 obj 设置为 null，这意味着它不再被引用，可以被垃圾回收器删除。在对象被删除时，我们使用 FinalizationRegistry 的 unregister 方法来取消注册该对象。
总结
在本文中，我们介绍了 ECMAScript 2018 中的 WeakRef 和 FinalizationRegistry 两个新特性，并提供了实际的示例代码。使用这些特性可以帮助我们更好地处理 JavaScript 对象，清理资源或取消订阅。如果你在开发中遇到了类似的问题，不妨尝试使用这些特性来解决。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65cab638add4f0e0ff49569d