本文提供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);
}
以上为本文全部内容,希望这些示例能对读者的学习有所帮助,欢迎继续支持本站。