JavaScript Worker子线程代码实例

作者:函数茶馆

时间:2026-10-23

浏览:176

本文提供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);
 
}

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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章