JavaScript Worker子线程代码实例

作者:函数茶馆时间:2026-10-23 15:55:39浏览:177

本文提供JavaScript Web Worker的基础代码示例,展示如何在主线程main.js中创建Worker实例、发送数据以及监听返回消息,同时展示子线程worker.js接收消息并返回结果的完整流程。

JavaScript Worker子线程代码示例

本文介绍了JavaScript中Worker子线程的使用代码示例,内容详细,对学习和工作具有参考价值。

主线程main.js的代码实现如下:

主线程main.js实现


//创建
var worker = new Worker("./worker.js");

//发送
worker.postMessage(1);

//接收
worker.onmessage = (e)=>{
 console.log("main.js:");
 console.log(e.data);
}

子线程worker.js的代码实现如下:

子线程worker.js实现


//接收
self.onmessage = (e)=>{

 console.log("worker.js:");
 console.log(e.data);
 
 //返回
 self.postMessage(e.data);
 
}

以上为本文全部内容,希望这些示例能对读者的学习有所帮助,欢迎继续支持本站。

作者最新文章