dedicatedworker 是 html5 中运行在独立线程的专用 javascript 环境，通过 new worker('task.js') 创建，需同源脚本；其全局作用域为 workerglobalscope，支持 postmessage 通信，不可操作 dom；初始化时可预加载资源，错误需监听 onerror；应调用 terminate() 或 self.close() 及时清理。
在HTML5中，DedicatedWorker 是一种运行在独立线程中的 JavaScript 执行环境，用于将耗时任务从主线程剥离，避免阻塞页面渲染和交互。它只能被创建它的脚本（即同一文档上下文）访问，因此称为“专用”。
如何创建 DedicatedWorker 实例
使用 Worker 构造函数并传入一个 JavaScript 文件路径即可创建：
- 该路径必须满足同源策略（same-origin），不能是 data URL 或 blob URL（除非显式使用
Blob+URL.createObjectURL） - 文件内容即为 Worker 线程执行的脚本，不能直接内联代码
- 示例：
const worker = new Worker('task.js');
Worker 脚本的初始化与通信机制
Worker 脚本（如 task.js）在加载后自动执行，其全局作用域是 WorkerGlobalScope，不包含 window、document 等 DOM 对象。
- 通过
self.onmessage或addEventListener('message', ...)接收来自主线程的消息 - 使用
self.postMessage()向主线程发送数据（支持结构化克隆，可传对象、数组、ArrayBuffer 等） - 初始化阶段可进行预计算、建立缓存、初始化 WebAssembly 模块等，但不可操作 DOM
常见初始化注意事项
Worker 的生命周期和初始化行为需特别注意：
- 脚本加载失败会触发
worker.onerror，建议监听错误并降级处理 - Worker 实例创建后立即开始下载并解析脚本，无需手动调用启动方法
- 若需传递初始化参数，应通过首次
postMessage()发送，而非构造时传参 - 多个 Worker 实例彼此隔离，各自拥有独立作用域和执行栈
终止与资源清理
当任务完成或不再需要时，应及时终止 Worker 以释放内存和线程资源：
- 主线程调用
worker.terminate()立即销毁 Worker（不等待当前任务结束） - Worker 内部可调用
self.close()主动退出 - 建议在
onmessage中处理完逻辑后主动关闭，避免空转占用资源
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
