事件循环中的“并行”和“并发”有什么区别？
最新回答
我污但不色
2020-08-24 17:39:52
事件循环中的“并行”与“并发”本质区别在于任务执行方式：并发通过单线程交替执行任务，并行通过多线程/多核同时执行任务。
- 并发（Concurrency）在JavaScript事件循环中，并发指单线程通过非阻塞调度管理多个任务。当任务（如网络请求）需等待外部资源时，主线程挂起当前任务，转而处理任务队列中仔液灶的其他任务。外部资源就绪后，回调函数被放入队列，等待主线程空闲时执念扮行。其核心是“任务切换”，通过快速上下文切换模拟同时执行，本质仍是单线程顺序处理。例如，浏览器同时处理图片下载、动画播放和点击响应时，下载操作由底层线程完成，但更新DOM的JavaScript代码仍在主线程按顺序执行。
- 并行（Parallelism）并行指多任务在物理上同时执行，需依赖多核处理器或独立计算单元。传统桌面应用通过多线程/多进程实现，每个线程/进程运行在不同CPU核心上。JavaScript主线程本身无法实现并行，但可通过Web Workers创建独立线程执行代码。Web Workers线程与主线程隔离，无法直接访问DOM，仅通过消息传递（postMessage）通信，避免阻塞主线程。
关键差异总结
- 执行单元：并发是单线程交替执行，并行是多线程/多核同时执行。
- 阻塞影响：并发中耗时任务会阻塞主线程（如主线程执行复杂计算导致页面卡顿），并行中耗时任务在独立线程执行，不影响主线程响应。
- 适用场景：并发适合I/O密集型任务（如网络请求），并行适合CPU密集型任务（如图像处理）。
性能优化指导意义
- I/O密集型任务：利用并发机制，通过async/await、Promise等异步编程范式，最大化事件循环效率。例如，Node.js通过非阻塞I/O处理高并发请求。
- CPU密集型任务：采用并行策略，将耗时计算（如斐波那契数列）移至Web Workers线程，避免主线程阻塞。Web Workers通过独立线程执行计算，结果通过消息传递返回主线程，保持UI流畅。
Web Workers实现并行的核心特点
- 独立执行环境：每个Worker拥有独立全局作用域（self或this），无法直接访问主线程的window对象或DOM，确保安全性和避免竞态条件。
- 消息传递通信：主线程与Worker通过postMessage()发送数据，通过onmessage监听响应。数据传递采用结构化克隆算法，实现值拷贝而非引用共享。
- 非阻塞性：Worker线程中的计算不会影响主线程，主线程可继续处理用户交互和渲染任务。
示例：Web Workers计算斐波那契数列
- 主线程（main.js）：创建Worker实例，发送计算请求（如计算第40个斐波那契数），监听Worker返回结果并更新UI。埋氏同时通过setInterval更新计数器，验证主线程未被阻塞。
- Worker线程（worker.js）：接收主线程消息，执行递归计算斐波那契数列，通过postMessage返回结果。
此例中，若计算在主线程执行，页面会卡顿数秒；而通过Web Workers，计算在后台线程完成，主线程保持响应，显著提升用户体验。
热门标签
