当前位置：首页 > article >正文

nodejs 038: Js Worker线程消息传递 Worker.postMessage() Worker.postMessage()

article 2025/2/21 22:40:26

worker.postMessage() 是 Web Workers API 的一部分，用于在主线程和 Worker 线程之间进行通信。通过这种方法，可以在不同的执行上下文（例如主线程与Web Worker之间）安全地传递消息。

基本概念

Web Worker：允许在后台线程中运行脚本而不干扰用户界面。这非常适合执行计算密集型任务，如数据处理或运行复杂算法，而不会冻结网页。
主线程与Worker之间的通信：由于JavaScript是单线程的，Web Worker提供了一种机制来利用多核CPU的优势。主线程和Worker之间可以通过postMessage()方法发送消息，并使用onmessage事件监听器接收消息。

使用方法

在主线程中使用

当你想从主线程向Worker发送消息时，可以使用如下方式：

const worker = new Worker('worker.js'); // 创建一个新的Worker实例
worker.postMessage({cmd: 'start', value: 10}); // 发送消息到Worker

在这个例子中，我们创建了一个新的Worker实例并给它发送一个包含命令(cmd)和值(value)的对象。

在Worker内部使用

同样，Worker也可以使用postMessage()方法将消息发送回主线程：

self.postMessage({status: 'progress', progress: 50}); // 向主线程发送消息

这里的self指的是Worker全局作用域，等同于在Worker环境中使用this关键字。

消息内容

可以发送基本类型的数据、对象、数组等。对于复杂的数据结构，JavaScript会自动执行结构化克隆算法来复制这些数据，这意味着不需要担心原始数据是否会被修改。
对于需要高效传输大量数据的情况，可以使用ArrayBuffer对象，这样可以避免不必要的数据复制。

示例代码

// 主线程监听来自主线程的消息事件
self.addEventListener('message', async (event) => {
    let output = await func(event.data, {
        // 其他参数...
    });

    // 将翻译结果发送回主线程
    self.postMessage({
        status: 'complete',
        output: output,
    });
});