在 JavaScript 中，对象是通过引用来传递的，这意味着当你将一个对象赋值给另一个变量时，实际上是将该对象的引用赋值给变量。这可能会导致一些问题，例如：当你修改一个对象时，所有引用该对象的变量都会受到影响。为了解决这个问题，ECMAScript 2018 引入了一些新的引用类型，让你轻松处理对象的引用问题。
SharedArrayBuffer
SharedArrayBuffer 是一种新的全局对象，它允许多个 JavaScript 线程共享同一块内存。这意味着你可以在多个线程之间高效地传递大量数据，而不必担心数据的复制和同步问题。
-- -------------------- ---- ------- -- ------- -- - ----------------- ----- ------ - --- ---------------------- -- ----- ------ ------- ------ ----- ------ - --- -------------------- --------------------------- -- - ------ ------ ------ -------------- - --------------- - ----- ------ - ----------- ----- ---- - --- ------------------- ------- - --- --
在上面的示例中，我们创建了一个长度为 10 的 SharedArrayBuffer，然后将其传递给一个 worker 线程。在 worker 线程中，我们可以使用 Int32Array 来访问该 buffer，并将其第一个元素设置为 42。由于该 buffer 是共享的，因此主线程也会看到该修改。
Atomics
Atomics 是一组新的静态方法，用于在多个线程之间操作 SharedArrayBuffer 中的数据。这些方法保证了操作的原子性和可见性，避免了竞态条件和数据不一致问题。
-- -------------------- ---- ------- -- ------- - - ----------------- ----- ------ - --- --------------------- -- ----- ------ ------- ------ ----- ------ - --- -------------------- --------------------------- -- - ------ ------ ------ ------ -------------- - --------------- - ----- ------ - ----------- ----- ---- - --- ------------------- ----------------- -- --- -- -- ------- ------ -------- ------ ------ ---------------- - --------------- - ----- ------ - ----------- ----- ---- - --- ------------------- --------------------- -- - --
在上面的示例中，我们使用 Atomics.add 方法增加了 SharedArrayBuffer 的第一个元素。由于该方法保证了原子性和可见性，因此其他线程无法在增加操作进行时同时修改该元素。在主线程中，我们等待 worker 线程完成并获取该 buffer 的第一个元素，输出为 1。
WeakRef
WeakRef 是一种新的引用类型，它允许你在不影响垃圾回收的情况下监视对象是否被回收。这对于处理大对象和长时间运行的任务非常有用，可以避免内存泄漏和性能问题。
-- -------------------- ---- -------
-- ---------- -------
----- --- - - ---- ----- --
----- --- - --- -------------
-- ----------------
--------------------- -
-- ------------ --- ---------- -
------------------- -- ------- ------------
- ---- -
------------------- -- ----- --------
-
-- ------在上面的示例中，我们创建了一个对象并创建其 WeakRef，然后在一段时间后检查该对象是否被回收。如果该对象被回收，ref.deref() 将返回 undefined，否则将返回该对象本身。
FinalizationRegistry
FinalizationRegistry 是一种新的全局对象，它允许你在对象被垃圾回收时执行一些清理操作。这对于处理需要释放资源或关闭连接的对象非常有用，可以避免资源泄漏和安全问题。
-- -------------------- ---- ------- -- ---------- -------------------- ----- --- - - ---- ----- -- ----- -------- - --- ---------------------------------- - ------------------- -- ------- ------------ --- -- - -------- ------ ---------------------- ------- -- ---------- ----------- --- - -----
在上面的示例中，我们创建了一个对象并创建其 FinalizationRegistry，然后在 registry 中注册该对象。当该对象成为垃圾时，registry 将调用注册时传入的回调函数，输出为 Object is garbage collected。
结论
ECMAScript 2018 中的引用类型为我们处理对象的引用问题提供了新的解决方案，包括 SharedArrayBuffer、Atomics、WeakRef 和 FinalizationRegistry。这些类型不仅提高了性能和可靠性，还为我们提供了更好的控制和管理对象的能力。在实际开发中，我们可以根据具体的需求和场景选择合适的引用类型，以达到最佳的效果和体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675cf9dce5138b92228903af