Web Workers是HTML5提供的后台线程API，用于在非主线程中执行JavaScript任务，避免页面卡顿。它通过postMessage与主线程异步通信，支持定时器、网络请求和IndexedDB等API，但无法访问DOM、window或localStorage。常见类型有Dedicated Workers（单脚本专用）、Shared Workers（多脚本共享）和Service Workers（网络请求拦截）。使用时需创建独立JS文件作为Worker脚本，主程序通过new Worker()实例化并发送数据，适合处理斐波那契计算等高耗时任务。可通过transferable objects优化大数据传输性能，并用worker.terminate()终止运行，onerror捕获异常。尽管不能替代Promise或async/await，但在计算密集型场景中至关重要。
JavaScript 是单线程语言，主线程负责执行脚本、渲染页面和处理用户交互。当遇到大量计算任务时，页面容易卡顿甚至无响应。为了解决这个问题，Web Workers 提供了在后台线程中运行脚本的能力，从而实现并发编程，避免阻塞主线程。
什么是 Web Workers
Web Workers 是 HTML5 提供的 API，允许 JavaScript 在浏览器的后台线程中运行，与主线程并行执行任务。由于 Worker 线程不访问 DOM 或全局对象（如 document、window），它只能处理纯数据计算、网络请求或复杂逻辑，完成后通过消息机制将结果传回主线程。
常见的 Worker 类型包括：
- Dedicated Workers：专属于一个脚本，一对一通信。
- Shared Workers：多个脚本可共享同一个 Worker。
- Service Workers：用于拦截网络请求、缓存资源，常用于 PWA。
如何使用 Dedicated Worker
创建一个专用 Worker 很简单，只需两步：创建 Worker 脚本文件，并在主脚本中实例化它。
假设有一个计算斐波那契数列的 heavyTask.js：
self.onmessage = function(e) { const n = e.data; const result = fibonacci(n); self.postMessage(result); }function fibonacci(n) { if (n
在主页面中启动 Worker：
const worker = new Worker('heavyTask.js');worker.onmessage = function(e) { console.log('计算结果:', e.data); };
worker.onerror = function(error) { console.error('Worker 错误:', error.message); };
// 发送数据到 Worker
worker.postMessage
(35);
这样，耗时计算就在后台完成，不会影响页面响应。
主线程与 Worker 的通信机制
Web Workers 与主线程之间通过 postMessage 发送消息，通过 onmessage 接收消息，这种通信是异步的、基于事件的。
传递的数据会被结构化克隆（structured clone），不是引用共享。这意味着大型数据传输会有序列化开销，但保证了线程安全。
如果需要频繁通信，建议减少消息频率或合并数据。对于超大数组，可使用 Transferable Objects（如 ArrayBuffer）提升性能：
const buffer = new ArrayBuffer(1024); worker.postMessage(buffer, [buffer]); // 转移所有权，极快Worker 中可用的 API 限制
Worker 线程运行环境不同于主线程，不能直接操作 DOM 或使用部分浏览器 API。但它可以使用以下功能：
- setTimeout / setInterval：定时器。
- fetch / XMLHttpRequest：发起网络请求。
- WebSockets：实时通信。
- IndexedDB：本地数据库存储。
- console.log：调试输出。
像 alert()、document、localStorage 这些则不可用。
终止与错误处理
使用 worker.terminate() 可立即终止 Worker，即使它正在执行任务。这在用户离开页面或取消操作时很有用。
// 终止 Worker worker.terminate();监听 onerror 事件能捕获 Worker 内部未捕获的异常，便于调试和恢复。
Worker 抛出错误时，事件对象包含 message、filename 和 lineno，帮助定位问题。
基本上就这些。Web Workers 让 JavaScript 能有效利用多核 CPU，解决高负载场景下的性能瓶颈。虽然不能完全替代异步编程模型（如 Promise、async/await），但在计算密集型任务中，它是不可或缺的并发工具。
