概述
事件循环（Event Loop）是 JavaScript 在单线程环境中实现并发的核心机制。它协调调用栈、任务队列（macrotasks）与微任务队列（microtasks），保证异步代码以可预测的顺序执行。
关键概念
- 调用栈（Call Stack）：同步代码执行所在位置，栈为空时事件循环才会从任务队列取任务。
- 宏任务（Macrotask）：例如 setTimeout、setInterval、I/O 回调、UI 渲染等。
- 微任务（Microtask）：例如 Promise 的 then/catch/finally 回调、queueMicrotask、MutationObserver。微任务在每次宏任务执行后立即清空。
执行顺序（简要示例）
console.log('script start');setTimeout(()=>console.log('timeout'),0);Promise.resolve().then(()=>console.log('promise1')).then(()=>console.log('promise2'));console.log('script end');输出顺序：
- script start
- script end
- promise1
- promise2
- timeout
原因：Promise 回调进入微任务队列，会在当前宏任务结束后、下一个宏任务开始前全部执行。
各语言在线运行要点
- C：Wandbox、OnlineGDB、JDoodle；可选编译器/标准（-std），注意沙箱对 system()/fork 的限制。
- Objective-C：Wandbox（clang），可编译 Obj-C 源，但受库与平台限制。
- Perl：TIO、Ideone、Replit；适合脚本测试，注意模块依赖。
- PHP：Replit、JDoodle、Paiza.IO；可运行脚本或内置 web 沙箱（受限）。
- Python3 / Python2：Replit、JDoodle、TIO、Paiza；注意版本差异（print、bytes、依赖包、语法）。
- Swift：Try Swift、Replit（部分支持）、Swift Playgrounds 在线变体。
- Shell（bash）：TIO、Replit（注意权限，通常禁用网络和敏感系统命令）。
- Rust：Wandbox、Replit、Rust Playground；指定工具链（stable/nightly）。
- Ruby：TIO、Replit、Ideone；gems 受限，短脚本优先。
- Lua：TIO、Replit；轻量脚本运行。
- Java：JDoodle、OnlineGDB、Replit；注意类名与包结构、JDK 版本。
- Julia：JuliaHub、Binder、Replit（部分）；适合科研脚本与 Jupyter notebook。
- Kotlin：Kotlin Playground、Replit、JDoodle；支持 JVM 与脚本模式。
- Node.js：Replit、RunKit、JDoodle；RunKit 便于即刻使用 npm 包。
- R：RStudio Cloud、JDoodle（有限）、Replit（部分）；推荐 RStudio Cloud 进行交互式分析。
async/await
- async 函数返回 Promise；await 等待表达式解析，后续代码作为微任务排入微任务队列。
- 使用 await 能让异步代码写得像同步，但仍然不会阻塞事件循环。
示例：
asyncfunctionf(){console.log('a');awaitnull;console.log('b');}f();console.log('c');// 输出：a, c, b性能与最佳实践
- 避免长时间占用主线程的同步计算，必要时使用 Web Worker 或分片（chunking）。
- 使用微任务组织短期顺序依赖（Promise/queueMicrotask）；但避免产生大量微任务阻塞渲染或 I/O。
- 对于定时或非关键回调，使用宏任务以让渲染/用户交互更及时。
调试建议
- Chrome DevTools 的 Performance 面板可以看到任务和帧。
- Node.js 可用 --trace-event 或 inspector 调试事件循环行为。
- 在疑难场景插入 console.time/console.timeEnd 或使用 performance.now() 定位耗时。
小结
理解微任务与宏任务的执行顺序，是预测异步代码行为的关键。合理在微任务与宏任务间选择、避免长时间同步阻塞，可以显著提升响应性与稳定性。
