WebWorker中sendmessage使用方法

来源：佚名编辑：佚名

2024-06-28 13:53:24

在WebWorker中，可以使用postMessage()方法来发送消息。下面是一个简单的示例：

// 创建一个WebWorker
const worker = new Worker('worker.js');

// 监听WebWorker发来的消息
worker.onmessage = function(event) {
  console.log('Message received from worker:', event.data);
};

// 向WebWorker发送消息
worker.postMessage('Hello from main script!');

在上面的示例中，首先创建了一个WebWorker，并指定了Worker脚本的路径。然后通过worker.postMessage()方法向WebWorker发送消息。在WebWorker中，可以通过self.onmessage监听来自主线程的消息，并通过postMessage()方法向主线程发送消息。

在Worker脚本中，可以使用如下代码接收来自主线程的消息，并向主线程发送消息：

// 监听主线程发来的消息
self.onmessage = function(event) {
  console.log('Message received from main script:', event.data);
  
  // 向主线程发送消息
  self.postMessage('Hello from worker!');
};