Javascript宏任务与微任务以及事件循环

宏任务（Macrotask）

宏任务（Macrotask）：通常是一些耗时较长的操作，如 I/O 操作、定时器等，它们会被推入到任务队列中等待执行。

微任务（Microtask）

微任务（Microtask）：通常是一些执行速度较快的操作，如 Promise 的回调、MutationObserver 等，它们也会被推入到任务队列中等待执行。

Event Loop（事件循环）

Event Loop（事件循环）是 JavaScript 中处理异步操作的一种机制。它控制着 JavaScript 代码的执行顺序，确保异步任务能够被正确地执行。

总结

在 JavaScript 中，同步任务会直接进入主线程执行，而异步任务会被放入任务队列中等待执行。Event Loop 负责监控主线程和任务队列，当主线程执行完当前的同步任务后，会检查任务队列中是否有待执行的任务。如果有，会将任务队列中的第一个任务取出，并放入主线程执行，否则会一直等待，直到任务队列中有任务为止。

Event Loop 的基本流程

1. 执行同步任务，直到遇到第一个异步任务。
2. 将异步任务添加到任务队列中。
3. 继续执行后续的同步任务。
4. 当所有同步任务执行完毕，开始检查任务队列。
5. 如果任务队列中有任务，则按照顺序取出并放入主线程执行。
6. 执行完当前任务后，再次检查任务队列，重复上述步骤。

通过 Event Loop，JavaScript 可以执行非阻塞的异步操作，提高了程序的性能和响应能力。

到这里也就结束了，希望对您有所帮助。