在 ES2021 中，引入了两个新的特性：WeakRef 和 Finalizer。这两个特性都与内存管理有关，可以帮助前端开发者更好地管理内存，提高代码的性能和健壮性。本文将详细介绍这两个特性的相关知识，并提供示例代码进行演示和学习。
WeakRef
WeakRef 是一种新的对象类型，用于在 JavaScript 中创建弱引用。弱引用是一种不会阻止垃圾回收的引用方式，即使引用的对象被回收了，弱引用也不会阻止它被回收。WeakRef 对象可以用来保存对其他对象的弱引用，当被引用的对象被回收时，WeakRef 对象会自动失效。
下面是一个使用 WeakRef 的示例代码：
const obj = { name: 'Tom' };
const ref = new WeakRef(obj);
console.log(ref.deref()); // { name: 'Tom' }
obj = null; // obj 被清空了
console.log(ref.deref()); // null在上面的代码中，我们创建了一个对象 obj，并使用 new WeakRef(obj) 创建了一个 WeakRef 对象 ref。然后我们输出了 ref.deref() 的结果，即 { name: 'Tom' }。接下来我们将 obj 置为 null，即清空了对象的引用。最后我们再次输出 ref.deref() 的结果，此时输出的是 null，说明 WeakRef 对象已经失效了。
Finalizer
Finalizer 是另一个新的特性，它是一种用于在对象被垃圾回收之前执行某些操作的机制。Finalizer 可以用来释放资源、关闭连接等操作，以确保代码的健壮性和性能。
下面是一个使用 Finalizer 的示例代码：
-- -------------------- ---- -------
----- -------- -
------------- -
--------- - ------
-------------- - --- ------------------------ -- -
---------------- ------ ---- --- ------ --- ---- ------- -------------
---
----------------------------- ---------
-
-
--- --- - --- -----------
--- - ----- -- --- ----在上面的代码中，我们定义了一个类 MyObject，它包含一个 finalizer 对象，并在 finalizer 对象中注册了自己。然后我们创建了一个 MyObject 对象 obj，并将其置为 null，即清空了对象的引用。此时 finalizer 对象会自动执行其回调函数，输出 The object with key myKey has been garbage collected.。
总结
ES2021 中新增的 WeakRef 和 Finalizer 特性为前端开发者提供了更好的内存管理方式，可以帮助我们更好地管理内存，提高代码的性能和健壮性。在实际开发中，我们可以根据具体情况选择使用这两个特性，以满足代码的需求和优化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66909131dc1ed1a61b5724a2