前端 JavaScript 进阶面试题, 什么是 JavaScript 的事件轮询机制?

Step 1

Q:: 什么是 JavaScript 的事件轮询机制？

A:: JavaScript 的事件轮询机制是指在浏览器中用于处理异步操作的一种机制。事件轮询（Event Loop）不断检查调用栈和消息队列，如果调用栈为空，事件轮询会从消息队列中取出一个事件及其回调函数并放入调用栈中执行。这个机制确保了 JavaScript 的单线程非阻塞执行。

Step 2

Q:: 为什么 JavaScript 是单线程的？

A:: JavaScript 是单线程的原因主要是为了避免复杂的并发问题，如竞争条件、死锁等。在浏览器环境中，JavaScript 需要频繁地与用户界面交互，单线程模型简化了这个过程，确保代码执行的顺序性和一致性。

Step 3

Q:: 什么是调用栈（Call Stack）？

A:: 调用栈是一种数据结构，用于存储代码执行过程中所有的函数调用。当一个函数被调用时，它会被压入调用栈，当函数执行完毕后，它会从调用栈中弹出。调用栈确保了函数执行的顺序，遵循后进先出的原则。

Step 4

Q:: 什么是消息队列（Message Queue）？

A:: 消息队列是存储待处理消息和其对应回调函数的队列。当调用栈为空时，事件轮询机制会从消息队列中取出最早进入队列的消息，并执行其回调函数。消息队列保证了异步操作的执行顺序。

Step 5

Q:: 什么是宏任务（Macro Task）和微任务（Micro Task）？

A:: 宏任务包括整体代码脚本、setTimeout、setInterval 等，而微任务包括 Promise.then、MutationObserver 等。事件轮询机制首先执行所有的宏任务，然后在执行每个宏任务时，会清空当前所有的微任务队列。