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);
}
以上为本文全部内容,希望这些示例能对读者的学习有所帮助,欢迎继续支持本站。
作者最新文章
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
JS使用constructor判断数据类型可靠吗
2026-11-05 13:49:41
