在 javascript 中捕获 web worker 的异步错误，核心做法是在主线程通过监听 worker 实例的 onerror 事件回调来实现。当 worker 内部发生未捕获的异常时，浏览器会向主线程发送一个 errorevent 对象，开发者只需在该回调函数中处理这个事件即可获取错误详情。需要注意的是，worker 内部的错误不会自动传播到主线程的 try...catch 块中，必须显式绑定事件监听器。
Worker 内部如何触发并传递错误信号
要让主线程能捕获到错误，Worker 脚本内部必须发生实际的运行时异常，或者主动调用 postMessage 发送错误信息。通常的做法是在 Worker 中使用 try...catch 包裹可能出错的逻辑，一旦捕获到错误，就通过 self.postMessage() 将错误对象或错误描述发送给主线程。如果 Worker 内部没有处理异常，浏览器默认行为是生成一个 ErrorEvent 并通过 onerror 传递给主线程，但为了更清晰的调试，建议在 Worker 内部也进行一定的错误包装和转发。
const worker = new Worker('worker.js');
worker.onmessage = (event) => {
console.log('收到数据:', event.data);
};
worker.onerror = (error) => {
console.error('Worker 出错:', error.message, '在行号:', error.lineno);
};
// 模拟 Worker 内部代码 (worker.js)
// self.onmessage = (e) => {
// throw new Error('Worker 内部计算失败');
// };
上述代码展示了标准的错误监听设置。当 worker.js 中抛出异常时，worker.onerror 会被触发，传入的 error 对象包含 message、filename 和 lineno 等属性，帮助定位问题。这种机制确保了即使 Worker 崩溃，主线程也能感知并做出相应反应，比如重试或通知用户。
立即学习“Java免费学习笔记（深入）”；
如何处理 Worker 发送的非标准错误消息
除了依赖原生的 onerror 事件，还可以通过约定通信协议来手动处理错误。例如，Worker 可以在发生业务逻辑错误时，发送一个特定结构的消息（如 {type: 'error', payload: ...}），主线程在 onmessage 中根据 type 字段区分正常数据和错误数据。这种方式允许更复杂的错误分类和处理逻辑，而不仅仅是记录堆栈信息。
// 主线程处理逻辑
worker.onmessage = (event) => {
const { type, data, error } = event.data;
if (type === 'error') {
console.warn('业务错误:', error);
// 执行恢复逻辑
} else if (type === 'result') {
console.log('成功结果:', data);
}
};
// Worker 内部逻辑
// self.onmessage = (e) => {
// try {
// const result = process(e.data);
// self.postMessage({ type: 'result', data: result });
// } catch (err) {
// self.postMessage({ type: 'error', error: err.message });
// }
// };
这种基于消息类型的处理方式提供了更大的灵活性。它允许主线程区分不同类型的错误，并执行不同的恢复策略。例如，网络请求失败可能需要重试，而数据格式错误可能需要提示用户修正输入。通过这种方式，可以将错误处理集成到应用的业务流程中，而不是仅仅作为调试手段。
Worker 终止后如何清理资源并重新初始化
当 Worker 发生严重错误导致其意外终止时，主线程需要能够检测到这一状态并重新创建一个新的 Worker 实例。可以通过检查 worker.terminate() 后的状态或使用 onerror 中的线索来判断是否需要重启。在实际应用中，通常会封装一个重试机制，在捕获到致命错误后，延迟一段时间后重新实例化 Worker，以避免频繁创建导致的性能问题或资源耗尽。
let retryCount = 0;
const maxRetries = 3;
function startWorker() {
const worker = new Worker('worker.js');
worker.onerror = (error) => {
retryCount++;
if (retryCount <= maxRetries) {
console.log(`尝试重启 Worker (${retryCount}/${maxRetries})`);
worker.terminate();
setTimeout(startWorker, 1000 * retryCount); // 指数退避
} else {
console.error('Worker 重启次数已达上限，停止重试');
}
};
return worker;
}
startWorker();
这段代码实现了一个简单的重试机制。每次 Worker 出错时，计数器增加，并在一定延迟后重新创建 Worker。如果超过最大重试次数，则停止重试并记录最终错误。这种模式有助于提高应用的健壮性，特别是在处理长时间运行的后台任务时，能够自动从临时故障中恢复。
