在 ES11 中，新增了一个 WeakRef 对象，该对象可以用来跟踪一个对象的引用，但是不会阻止被跟踪对象被垃圾回收。这个对象特别适合于处理那些占用大量内存的对象，例如图片、音频和视频等。
WeakRef 对象的使用
使用 WeakRef 对象可以在不影响垃圾回收的情况下，跟踪一个对象的引用。当被跟踪的对象被回收时，WeakRef 对象会自动失效，无法再使用。下面是一个示例代码：
const obj = { name: 'example' };
const ref = new WeakRef(obj);
console.log(ref.deref()); // { name: 'example' }
obj = null;
console.log(ref.deref()); // null在这个示例代码中，我们创建了一个普通的对象 obj，并将其传递给了一个 WeakRef 对象 ref。我们可以通过调用 ref.deref() 方法来获取 obj 的引用。在 obj 被回收之前，ref.deref() 方法会返回 obj，否则它会返回 null。
WeakRef 对象的应用
WeakRef 对象在处理占用大量内存的对象时非常有用。例如，当我们需要处理大量的图片时，我们可以使用 WeakRef 对象来跟踪这些图片的引用。当这些图片不再需要时，它们会被垃圾回收，而 WeakRef 对象也会自动失效。
下面是一个使用 WeakRef 对象处理图片的示例代码：
-- -------------------- ---- -------
----- ---------- -
------------- -
---------- - --- ------
-
-------- -
----- --- - --------------------
-- ----- -
----- ----- - ------------
-- ------- -
------ ------
-
-
----- ----- - --- --------
--------- - ----
------------------- --- ----------------
------ ------
-
-
----- ----- - --- -------------
----- ---- - --------------------------------------------
----- ---- - --------------------------------------------
----- ---- - --------------------------------------------
-- ---
---- - -----
-- ---
----- --------- - -------------------------------------------- -- - --- ----- ------ -- -------在这个示例代码中，我们创建了一个 ImageCache 类，它使用 WeakRef 对象来跟踪图片的引用。当我们调用 get 方法时，它会检查图片是否已经被缓存。如果图片已经被缓存，它会返回图片的引用。否则，它会创建一个新的 Image 对象，并将其添加到缓存中。
当我们不再需要某个图片时，我们只需要将其引用设置为 null。这样，当垃圾回收机制运行时，该图片会被回收，而 WeakRef 对象也会自动失效。当我们再次需要该图片时，我们需要重新调用 get 方法，这将会创建一个新的 Image 对象。这样，我们就可以避免在内存中保存大量的图片对象。
总结
在 ES11 中，WeakRef 对象提供了一种跟踪对象引用的方式，但是不会阻止被跟踪对象被垃圾回收。这个对象特别适合于处理那些占用大量内存的对象。在实际开发中，我们可以使用 WeakRef 对象来缓存图片、音频和视频等占用大量内存的对象，从而避免在内存中保存大量的对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66061969d10417a22240ba32