JS 中怎么用 new Worker() 创建一个独立的后台工作线程-js教程-PHP中文网

new worker() 创建独立线程的 web worker，必须传入外部 js 文件路径；worker 中用 self.onmessage 接收消息、self.postmessage 发送消息，不可访问 dom，但支持 fetch、settimeout 等 api。

js 中怎么用 new worker() 创建一个独立的后台工作线程

在 JavaScript 中，new Worker() 用于创建一个独立于主线程运行的 Web Worker，它能在后台执行脚本，避免阻塞 UI 渲染和用户交互。

必须使用外部 JS 文件

Web Worker 不能直接执行内联代码或字符串（比如 new Worker("console.log(1)") 是非法的）。你必须把要运行的逻辑写在一个单独的 .js 文件中，然后传入该文件的 URL：

✅ 正确：const worker = new Worker("./task.js");
❌ 错误：new Worker("console.log('hi')"); 或 new Worker(() => {...})

Worker 文件里用 self 或 this 接收/发送消息

在 task.js 中，不能访问 window、document 等 DOM 对象，但可以使用 self（或 this）来监听主线程发来的消息，并通过 postMessage() 回传结果：

// task.js
self.onmessage = function(e) {
  const data = e.data;
  // 做一些耗时计算，比如大数组排序
  const result = data.map(x => x * 2);
  self.postMessage(result); // 发回主线程
};

主线程与 Worker 双向通信

主线程用 worker.postMessage() 发送数据，用 worker.onmessage 接收返回：

Wjs Uploading Video

将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。

下载

const worker = new Worker("./task.js");
<p>worker.postMessage([1, 2, 3, 4]); // 发送数据</p><p>worker.onmessage = function(e) {
console.log("Worker 返回：", e.data); // [2, 4, 6, 8]
};</p><p>// 可选：监听错误
worker.onerror = function(e) {
console.error("Worker 出错：", e.message);
};</p>