溫馨提示×

WebWorker中sendmessage使用方法

小樊
95
2024-06-28 11:00:25
欄目: 編程語言

在WebWorker中，可以使用postMessage()方法來發(fā)送消息。下面是一個簡單的示例：

// 創(chuàng)建一個WebWorker
const worker = new Worker('worker.js');

// 監(jiān)聽WebWorker發(fā)來的消息
worker.onmessage = function(event) {
  console.log('Message received from worker:', event.data);
};

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

在上面的示例中，首先創(chuàng)建了一個WebWorker，并指定了Worker腳本的路徑。然后通過worker.postMessage()方法向WebWorker發(fā)送消息。在WebWorker中，可以通過self.onmessage監(jiān)聽來自主線程的消息，并通過postMessage()方法向主線程發(fā)送消息。

在Worker腳本中，可以使用如下代碼接收來自主線程的消息，并向主線程發(fā)送消息：

// 監(jiān)聽主線程發(fā)來的消息
self.onmessage = function(event) {
  console.log('Message received from main script:', event.data);
  
  // 向主線程發(fā)送消息
  self.postMessage('Hello from worker!');
};

0 踩