Web Worker 是独立于主线程的后台脚本,不共享内存、不可操作 DOM,通过 postMessage 通信,支持 Transferable 优化大数据传输,需显式错误监听,SharedArrayBuffer+Atomics 可实现共享内存但需跨域隔离。
JavaScript 本身是单线程的,
不是让 JS 变成多线程,而是让你能在主线程之外启动一个独立的、运行在后台的脚本上下文——它不共享内存,不能操作 DOM,但能真正并行执行 CPU 密集任务。
Web Worker 的创建和通信机制
Worker 是通过构造函数
启动的,它会加载并执行指定脚本,与主线程完全隔离。通信只能靠
和
事件,数据通过结构化克隆(不是引用传递)序列化传输。
常见错误:直接传
、
或带循环引用的对象,会报
;试图在 Worker 里调用
会报
。
Worker 内部没有
、
、
等
浏览器
API,只有
(指向 Worker 全局对象)
主线程和 Worker 都可用
、
、
,但
不可用(部分浏览器限制)
传大数组时优先用
(如
),避免拷贝开销
如何正确处理 Worker 中的错误
Worker 内部抛出未捕获异常不会影响主线程,也不会触发
。必须显式监听
或
。
立即学习
“
Java免费学习笔记(深入)
”;
在
中也应加
:
Comet AI 浏览器
下载 Comet AI 浏览器,体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作,让 AI 成为你的浏览副驾,大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
下载
否则错误静默失败,调试时找不到源头。
SharedArrayBuffer + Atomics 实现真正共享内存(需 HTTPS)
普通 Worker 之间或 Worker 与主线程之间默认不共享内存,但可通过
搭配
实现低层同步——不过这要求页面启用
跨域
隔离(
属性 + HTTP 头
)。
不满足条件时,
会返回
,且控制台提示
。
只适用于高阶场景:比如音频实时处理、物理引擎、多人协作编辑中的状态同步
和
可替代轮询,但容易写死锁,务必配超时和检查条件
V8 和 Firefox 支持较好,Safari 对
的某些方法支持滞后
Worker 不是万能加速器:启动开销约 5–10ms,小任务反而更慢;调试需在浏览器 DevTools 的 “Application → Service Workers” 或 “Sources → Workers” 标签页下单独打开;长期运行的 Worker 忘记
会造成内存泄漏。
Web Workernew Worker('script.js')postMessage()onmessagefunctionDOM elementDataCloneErrordocument.getElementByIdReferenceErrorwindowdocumentalertselfsetTimeoutfetchArrayBufferlocalStorageTransferablepostMessage(data, [data.buffer])window.onerroronerroronmessageerrorconst worker = new Worker('calc.js');
worker.onerror = (e) => {
console.error('Worker script error:', e.filename, e.lineno, e.message);
};
worker.onmessage = (e) => {
console.log('Result:', e.data);
};calc.jsself.onerrorself.onerror = (e) => {
self.postMessage({ error: e.message });
};SharedArrayBufferAtomicscrossoriginCross-Origin-Embedder-Policy: require-corpnew SharedArrayBuffer(1024)undefinedSharedArrayBuffer is not definedAtomics.wait()Atomics.notify()Atomics.terminate()