Event Loop简介
浏览器特定的事件执行机制(Event Loop):JavaScript引擎先执行同步代码,遇到异步代码会先将其挂起,并在需要执行的时候加入到Task队列(有多种task队列)中,一旦执行栈为空,Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行。
宏观任务及微观任务理解
把宿主(node、浏览器)发起的任务称为宏观任务(macro task)如setTimeOut、setInterval、setImmediate、I/O。把 JavaScript 引擎发起的任务称为微观任务(micro task),如process.nextTick、promise、mutationObserver。
Event Loop执行逻辑
Event Loop 执行顺序如下所示:
1. 首先执行宏观任务中的同步代码。
2. 当执行完所有同步代码后,执行栈为空,查询是否有异步代码需要执行。
3. 执行所有微任务。
4. 当执行完所有微任务后,执行宏任务中的异步代码,也就是 setTimeout 中的回调函数