如何利用 SharedArrayBuffer 与 Atomics.wait 触发跨 Worker 线程的高频同步信号

老静大大_5239

老静大大_5239

2026-05-01

993人浏览

原创

sharedarraybuffer 配合 atomics.wait/notify 实现跨 worker 高频同步,核心是“值匹配+显式唤醒”,需满足跨域隔离、使用 int32array、避免 notify 先于 wait,并通过翻转标志位等防错设计保障可靠性。

如何利用 sharedarraybuffer 与 atomics.wait 触发跨 worker 线程的高频同步信号

SharedArrayBuffer 配合 Atomics.wait 实现跨 Worker 高频同步信号,核心不是“发信号”,而是“等状态变化”——它依赖一个共享整数位置的值变更来触发等待线程唤醒,必须配对使用 Atomics.notify 才能生效。直接调用 wait 不会自动响应、不会超时等待、也不能在主线程运行。

必须先满足跨域隔离环境

浏览器默认禁用 SharedArrayBuffer,不满足以下任一条件,new SharedArrayBuffer() 就会抛出 TypeError:

  • 服务器响应头包含 Cross-Origin-Opener-Policy: same-origin 和 Cross-Origin-Embedder-Policy: require-corp
  • 所有外部资源(<script></script>、<iframe></iframe>、<img> 等)都加 crossorigin 属性
  • 本地开发不能双击打开 HTML,必须用 localhost 或 127.0.0.1 启服务(如 npx serve)
  • 检查是否就绪:控制台执行 self.crossOriginIsolated,返回 true 才可用

正确构造等待-通知闭环

Atomics.wait 不是定时器,也不是轮询开关。它的作用是在某个 Int32Array 索引位置的值**等于预期值**时挂起线程,直到另一方调用 notify 唤醒。关键在于“值匹配 + 显式唤醒”:

  • Worker 中等待:先用 Atomics.load(view, 0) 确认当前值,再调用 Atomics.wait(view, 0, expectedValue)(第四个 timeout 参数多数浏览器忽略,不建议依赖)
  • 通知方(另一个 Worker 或主线程)必须在同一视图上执行 Atomics.notify(view, 0, 1),第三个参数表示唤醒数量
  • 不能先 notify 再 wait——如果 notify 发生在 wait 调用前,wait 会立即返回 "not-equal",无法捕获信号
  • 务必用 Int32Array 视图;传入 Float64Array 或 Uint8Array 会报 RangeError

高频场景下的防错设计

高频同步容易因竞争或误用导致信号丢失、死锁或 CPU 占满:

  • 避免自旋等待:不要写 while (Atomics.load(view, 0) === 0) {},改用 wait + notify 组合,否则单个 Worker 可能吃满一个核
  • 每次 wait 后需重新 load 判断状态,因为 notify 唤醒后值可能已被其他 Worker 修改
  • 若需重复触发(比如每帧通知),推荐用“翻转标志位”模式:约定 0→1 表示新事件,收到后立刻 store 回 0,下次再变 1,避免多次 notify 被合并
  • 多个 Worker 同时 wait 同一位置时,notify(n) 只唤醒前 n 个,其余继续挂起;如需广播,设 n 为大数(如 100)或循环 notify

完整最小可运行示例

主线程初始化并启动两个 Worker,Worker A 计算完通知 Worker B:

  • 主线程:const sab = new SharedArrayBuffer(4); const iv = new Int32Array(sab); Atomics.store(iv, 0, 0); workerA.postMessage({sab}); workerB.postMessage({sab});
  • Worker A:Atomics.store(iv, 0, 1); Atomics.notify(iv, 0, 1);
  • Worker B:Atomics.wait(iv, 0, 0); console.log('收到同步信号');

注意:Worker B 必须在主线程调用 notify 之后 才执行 wait,否则会立即返回失败。实际中建议用 postMessage 协调初始时机,或让 B 先 sleep 几毫秒再 wait。

相关专题

更多
C语言变量命名
C语言变量命名

c语言变量名规则是:1、变量名以英文字母开头;2、变量名中的字母是区分大小写的;3、变量名不能是关键字;4、变量名中不能包含空格、标点符号和类型说明符。php中文网还提供c语言变量的相关下载、相关课程等内容,供大家免费下载使用。

2023.06.20

3029

3

c语言入门自学零基础
c语言入门自学零基础

C语言是当代人学习及生活中的必备基础知识,应用十分广泛,本专题为大家c语言入门自学零基础的相关文章,以及相关课程,感兴趣的朋友千万不要错过了。

2023.07.25

2268

9

c语言运算符的优先级顺序
c语言运算符的优先级顺序

c语言运算符的优先级顺序是括号运算符 > 一元运算符 > 算术运算符 > 移位运算符 > 关系运算符 > 位运算符 > 逻辑运算符 > 赋值运算符 > 逗号运算符。本专题为大家提供c语言运算符相关的各种文章、以及下载和课程。

2023.08.02

1200

5

c语言数据结构
c语言数据结构

数据结构是指将数据按照一定的方式组织和存储的方法。它是计算机科学中的重要概念,用来描述和解决实际问题中的数据组织和处理问题。数据结构可以分为线性结构和非线性结构。线性结构包括数组、链表、堆栈和队列等,而非线性结构包括树和图等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.09

1158

4

c语言random函数用法
c语言random函数用法

c语言random函数用法:1、random.random,随机生成(0,1)之间的浮点数;2、random.randint,随机生成在范围之内的整数,两个参数分别表示上限和下限;3、random.randrange,在指定范围内,按指定基数递增的集合中获得一个随机数;4、random.choice,从序列中随机抽选一个数;5、random.shuffle,随机排序。

2023.09.05

1336

5

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2023.09.20

2098

7

c语言get函数的用法
c语言get函数的用法

get函数是一个用于从输入流中获取字符的函数。可以从键盘、文件或其他输入设备中读取字符,并将其存储在指定的变量中。本文介绍了get函数的用法以及一些相关的注意事项。希望这篇文章能够帮助你更好地理解和使用get函数 。

2023.09.20

3340

8

c数组初始化的方法
c数组初始化的方法

c语言数组初始化的方法有直接赋值法、不完全初始化法、省略数组长度法和二维数组初始化法。详细介绍:1、直接赋值法,这种方法可以直接将数组的值进行初始化;2、不完全初始化法,。这种方法可以在一定程度上节省内存空间;3、省略数组长度法,这种方法可以让编译器自动计算数组的长度;4、二维数组初始化法等等。

2023.09.22

14975

6

c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

2023.09.22

549

3

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程