温馨提示×

WebWorker中sendmessage使用方法

小樊
101
2024-06-28 11:00:25
栏目: 编程语言

在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!');
};

0