JavaScript是单线程的，异步编程通过事件循环实现非阻塞I/O，适用于I/O密集型任务；Web Workers则创建独立线程处理CPU密集型任务，两者互补而非替代。
JavaScript 本身没有真正的并行执行能力，它始终是单线程的——所有同步代码都在一个调用栈里顺序执行。所谓“并行”，实际指的是避开主线程阻塞的两种不同路径：一种靠事件循环调度（异步），另一种靠浏览器开辟新线程（Web Workers）。它们解决的问题不同，不能互相替代。
异步编程：让出主线程，等结果回来
异步不是多线程，而是把耗时操作（如网络请求、定时器、用户输入）交给浏览器其他线程处理，主线程继续往下跑，等结果就绪再通过回调、Promise 或 await 接收。整个过程仍发生在同一个 JS 线程上。
- 适合场景：I/O 密集型任务（fetch、XMLHttpRequest、文件读取、音视频解码等）
- 本质是“非阻塞等待”：CPU 空闲时干别的事，不卡 UI，但计算密集型任务仍会拖慢主线程
- 执行顺序受宏任务/微任务队列控制：setTimeout 属宏任务，Promise.then 属微任务，后者总先执行
- 典型陷阱：
while(true)或超长循环会彻底锁死主线程，连 setTimeout 回调都进不来
Web Workers：真正新开一个 JS 线程
Worker 是浏览器提供的独立 JavaScript 执行环境，运行在与主线程隔离的后台线程中，有自己的全局对象、作用域和内存空间，不共享变量，只能靠 postMessage 通信。
- 适合场景：CPU 密集型任务（图像处理、加密解密、大量数据排序/过滤、物理模拟等）
- 主线程完全不受影响：即使 Worker 死循环，页面依然可滚动、响应点击
- 限制明确：不能访问 DOM、window、document、localStorage 等主线程专属 API
- 通信有开销：频繁传大量数据会触发序列化/反序列化，建议用 Transferable（如 ArrayBuffer）提升效率
什么时候该用哪个？关键看任务性质
判断依据不是“要不要快”，而是“卡不卡页面”以及“卡的原因是什么”。
立即学习“Java免费学习笔记（深入）”；
- 如果卡顿来自等待服务器返回（比如 loading 转圈很久）→ 用
fetch+async/await就够了 - 如果卡顿来自页面不动、鼠标悬停无反馈、动画掉帧 → 很可能是 JS 在做大量计算 → 应该把这部分逻辑拆进 Worker
- 混合场景常见：主线程发请求，Worker 接收响应后做解析/渲染准备，再把结构化数据传回主线程更新 DOM
协同使用效果更好
异步和 Worker 不是对立关系，而是互补组合。现代高性能 Web 应用往往同时用到两者：
- 主线程负责 UI 渲染、用户交互、发起请求
- Worker 负责数据预处理、模型推理、实时滤镜计算等重负载
- 两者通过消息传递协作，避免主线程被任何环节拖住
- 例如：上传大文件时，主线程监听进度，Worker 在后台分块校验 SHA256，互不干扰
