JavaScript通过SharedArrayBuffer和Atomics实现主线程与Web Worker间的共享内存通信，提升高频数据交互场景的性能。SharedArrayBuffer允许多线程共享同一内存区域，避免数据拷贝；配合Atomics提供的原子操作（如add、compareExchange、wait/wake），可安全读写内存，防止竞态条件。使用时需创建SharedArrayBuffer并分配视图（如Int32Array），将缓冲区传给Worker，各线程通过原子方法操作共享数据。典型应用包括多Worker协同计算计数器递增等。但因Spectre等安全风险，SharedArrayBuffer需在跨源隔离环境（COOP/COEP）下启用，且部分浏览器支持受限，开发中需防范死锁与轮询问题。
JavaScript 中的多线程能力虽然有限，但通过 SharedArrayBuffer 和 Atomics 模块，确实可以实现主线程与 Web Worker 之间的共享内存通信。这为高性能并发编程提供了可能，尤其是在需要频繁数据交互的场景下。
SharedArrayBuffer：共享内存的基础
在传统的 JavaScript 中，Web Worker 之间或 Worker 与主线程之间只能通过 postMessage 传递数据副本，效率较低。而 SharedArrayBuffer 允许多个线程（主线程和多个 Worker）共享同一块内存区域，避免了数据拷贝的开销。
它本身不提供读写能力，通常配合 Int32Array、Float64Array 等视图使用：
- 创建一个 SharedArrayBuffer 实例，分配固定大小的内存
- 将这块内存传给多个 Worker，每个 Worker 创建自己的类型化数组视图来访问数据
- 所有线程读写的是同一块物理内存，因此修改会立即对其他线程可见
Atomics：确保共享内存的安全访问
多个线程同时读写同一内存位置容易引发竞态条件。为了解决这个问题，JavaScript 提供了 Atomics 对象，它封装了一系列原子操作方法，保证某些操作不会被中断。
立即学习“Java免费学习笔记（深入）”；
常见的 Atomics 方法包括：
-
Atomics.load()：原子地读取值 -
Atomics.store()：原子地写入值 -
Atomics.add()、Atomics.sub()：原子加减 -
Atomics.compareExchange()：比较并交换，用于实现锁机制 -
Atomics.wait()和Atomics.wake()：实现线程阻塞与唤醒，类似条件变量
这些方法作用于 Int32Array 视图，确保在多线程环境下对共享内存的操作是安全的。
实际使用示例：主线程与 Worker 协作
假设我们想让两个 Worker 同时对一个计数器进行递增操作：
- 主线程创建 SharedArrayBuffer 和 Int32Array 视图
- 将 SharedArrayBuffer 发送给两个 Worker
- 每个 Worker 使用 Atomics.add 对指定位置进行原子递增
- 操作完成后，主线程读取最终结果，确保数据一致性
这种方式避免了传统消息通信的延迟和序列化成本，特别适合高频数值计算、音视频处理等场景。
注意事项与浏览器支持
由于共享内存可能被用于侧信道攻击（如 Spectre），浏览器对 SharedArrayBuffer 有严格的安全限制：
- 必须在跨源隔离环境（Cross-Origin Isolation）中启用，需设置正确的 http 头（COOP 和 COEP）
- 部分旧浏览器不支持或默认禁用该功能
- 开发时需注意死锁、过度轮询等问题，合理使用 Atomics.wait/wake 控制线程等待
基本上就这些。只要环境允许，SharedArrayBuffer + Atomics 能有效提升特定场景下的并发性能。