js worker 多线程

// 主线程代码 (main.js)
const worker = new Worker('worker.js');

worker.postMessage('Hello Worker');

worker.onmessage = function(e) {
  console.log('Message from worker:', e.data);
};

worker.onerror = function(error) {
  console.error('Worker error:', error.message);
};

// 工作线程代码 (worker.js)
self.onmessage = function(e) {
  console.log('Message from main script:', e.data);
  self.postMessage('Hello Main Script');
};

self.onerror = function(error) {
  console.error('Error in worker:', error.message);
};

解释说明

1. 主线程代码 (main.js):

   • 使用 new Worker('worker.js') 创建一个新的 Web Worker 实例。
   • 使用 postMessage 方法向工作线程发送消息。
   • 使用 onmessage 事件监听来自工作线程的消息。
   • 使用 onerror 事件监听工作线程中的错误。

2. 工作线程代码 (worker.js):

   • 使用 self.onmessage 监听主线程发来的消息。
   • 使用 self.postMessage 向主线程发送消息。
   • 使用 self.onerror 监听并处理工作线程中的错误。

通过这种方式，主线程和工作线程可以相互通信，实现多线程编程。