postmessage方法怎么使用

1954
2023/7/23 16:25:27
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

postMessage方法是用于在Web Worker和主线程之间进行通信的方法。它接受两个参数:message和transferList。

  • message:要发送的消息,可以是任意类型的数据。

  • transferList:可选参数,用于指定要传输的资源(如ArrayBuffer对象)。

在主线程中,可以通过worker.postMessage(message, transferList)方法向Web Worker发送消息。

在Web Worker中,可以通过self.postMessage(message, transferList)方法向主线程发送消息。

示例:

在主线程中向Web Worker发送消息:

var worker = new Worker('worker.js');
worker.postMessage('Hello');
// 或者发送带有资源的消息
var buffer = new ArrayBuffer(16);
worker.postMessage({ data: buffer }, [buffer]);

在Web Worker中向主线程发送消息:

self.postMessage('Hello');
// 或者发送带有资源的消息
var buffer = new ArrayBuffer(16);
self.postMessage({ data: buffer }, [buffer]);

在主线程中监听Web Worker发送的消息:

var worker = new Worker('worker.js');
worker.onmessage = function(event) {
console.log('Received message from worker:', event.data);
};

在Web Worker中监听主线程发送的消息:

self.onmessage = function(event) {
console.log('Received message from main thread:', event.data);
};

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: postMessage如何接收数据