Web Workers是HTML5的API，通过创建后台线程执行耗时任务，避免阻塞主线程；它不能直接操作DOM，需通过postMessage与主线程通信，从而实现JavaScript的多线程并发处理。
JavaScript 是单线程语言，但通过 Web Workers 可以实现多线程编程，避免长时间运行的任务阻塞主线程，从而保持页面响应。Web Workers 允许你在后台线程中执行脚本，与主线程并行运行。
什么是 Web Workers
Web Workers 是 HTML5 提供的 API，用于在浏览器后台运行 JavaScript 文件，不干扰用户界面。它们运行在独立的线程中，不能直接操作 DOM 或访问 window 对象，但可以通过消息机制与主线程通信。
创建和使用 Web Worker
要使用 Web Worker，需创建一个外部 JavaScript 文件作为工作线程的脚本，并在主脚本中实例化 Worker 对象。
1. 创建 worker 脚本（例如：worker.js）：
self.onmessage = function(e) {
const data = e.data;
// 模拟耗时计算
let result = 0;
for (let i = 0; i
result += i;
}
self.postMessage(result);
};
const worker = new Worker('worker.js');
worker.onmessage = function(e) {
console.log('接收到结果：', e.data);
};
worker.onerror = function(error) {
console.error('Worker 出错：', error.message);
};
// 发送数据到 Worker
worker.postMessage(1000000);
传递复杂数据与终止 Worker
Worker 之间通过 postMessage 传递数据，支持字符串、对象、数组等，底层使用结构化克隆算法。注意：函数和 DOM 节点不能传递。
立即学习“Java免费学习笔记（深入）”；
免费 盛世企业网站管理系统(SnSee)系统完全免费使用，无任何功能模块使用限制，在使用过程中如遇到相关问题可以去官方论坛参与讨论。开源 系统Web代码完全开源，在您使用过程中可以根据自已实际情况加以调整或修改，完全可以满足您的需求。强大且灵活 独创的多语言功能，可以直接在后台自由设定语言版本，其语言版本不限数量，可根据自已需要进行任意设置；系统各模块可在后台自由设置及开启；强大且适用的后台管理支
worker.postMessage({ action: 'calculate', value: 1000000 });
// 在 worker 中接收
self.onmessage = function(e) {
if (e.data.action === 'calculate') {
const result = calculate(e.data.value);
self.postMessage({ result });
}
};
不再需要时应手动关闭 Worker 释放资源。
worker.terminate(); // 立即终止，不可恢复
共享 Worker 与限制
除了 Dedicated Worker（专用 Worker），还有 SharedWorker 可被多个浏览上下文（如多个窗口、iframe）共享。使用 new SharedWorker('script.js') 创建，通信需通过 port 对象。
主要限制包括：
- 不能访问 DOM
- 不能使用 window、document 等全局对象
- 脚本必须来自同源
- 调试相对困难
基本上就这些。Web Workers 是处理密集型任务的有效方式，合理使用可显著提升应用性能。注意控制 Worker 数量，避免过度创建影响系统资源。
