在传统的 JavaScript 中，单线程的限制使得开发者无法充分利用多核处理器的性能，因为 JavaScript 只能在一个线程中执行代码。为了解决这个问题，Web Workers API 被引入到了浏览器中，允许开发者在单独的线程中执行 JavaScript 代码。然而，Web Workers API 仍然存在一些限制，例如不能共享数据和不能访问 DOM。
在 ES7 中，一个新的 API 被引入到了 JavaScript 中，它可以在多个线程中共享数据，这个 API 就是 SharedArrayBuffer 和 Atomics。
SharedArrayBuffer
SharedArrayBuffer 是一个新的 JavaScript 对象，它允许多个 Worker 线程共享同一个内存空间。SharedArrayBuffer 可以通过 new 操作符创建，例如：
const buffer = new SharedArrayBuffer(1024);
上面的代码创建了一个 1024 字节的 SharedArrayBuffer，可以被多个 Worker 线程共享。
Atomics
Atomics 是一个新的 JavaScript 对象，它提供了一些原子操作，可以在多个线程中安全地访问共享的内存空间。Atomics 中的方法可以保证多个线程并发地访问共享内存时，不会出现竞态条件和死锁等问题。
Atomics 中包含了一些方法，例如 add、sub、and、or、xor、compareExchange 等方法，这些方法可以用来对共享内存中的数据进行原子操作。
使用 SharedArrayBuffer 和 Atomics
下面是一个简单的示例，演示了如何使用 SharedArrayBuffer 和 Atomics 在多个线程中共享数据。
-- -------------------- ---- -------
-- ---- -- ---- -----------------
----- ------ - --- -------------------- - ------------------------------
-- --------- ---------- --
----- ---- - --- -------------------
-- - ------ ---------
----- ------- - --- --------------------
----- ------- - --- --------------------
-- --- ------ ------
--------------------- ------- ------- - ---
--------------------- ------- ------- - ---
-- - ------ -------
--------- - --------------- -
----- - ------- ------ - - -----------
----- ---- - --- ------------------ ------- ---
----- ------ -
-- ----------
----------------- -- ---
-- ----------
----------------- -- ---
-
--上面的代码创建了一个 10 个元素的 SharedArrayBuffer，然后在主线程中创建了一个 Int32Array 视图。接着创建了两个 Worker 线程，并向它们发送了视图。最后，在 Worker 线程中对共享内存中的数据进行原子操作。
总结
SharedArrayBuffer 和 Atomics 是一个非常强大的工具，可以让开发者在多个线程中共享数据，并且保证多个线程之间的数据访问是安全的。使用 SharedArrayBuffer 和 Atomics，开发者可以充分利用多核处理器的性能，提高 JavaScript 应用程序的性能和响应速度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66077fa0d10417a22260cf7b