NodeJs EventLoop与JavaScript EventLoop详解

EventLoop是什么

EventLoop是一个代码执行模型，它规定了代码的执行顺序，nodeJs和JavaScript拥有各自的EventLoop，理解EventLoop能让我们更加理解代码的执行，更好地掌控代码

宏任务和微任务

​ JavaScript中的代码执行分为同步执行和异步执行，而异步执行的代码中又分为宏任务和微任务，它们的执行顺序有所不同。它们并没有什么概念性的差别，只是根据执行顺序的不同而进行区分，仅此而已。因此，只需要硬性的记住哪些是宏任务哪些是微任务就可以了。

宏任务（macrotask/task）：

执行顺序为同步和微任务之后，宏任务具体的种类有：

• setTimeout
• setInterval
• setImmediate (Node)
• requestAnimationFrame (浏览器)
• I/O
• UI rendering (浏览器独有)

微任务（microtask/jobs）：

执行顺序为同步之后，宏任务之前，具体的种类有：

• process.nextTick (Node)
• Promise的then和catch中的代码
• Object.observe（已废弃）
• MutationObserver

javaScript EventLoop

简单理解的讲解

​ 在JavaScript中，代码分为同步代码和异步代码，异步代码又分为宏任务和微任务。在eventLoop模型中，规定了这些代码的执行顺序：

1. 首先按照顺序执行所有的同步代码
2. 执行同步代码碰到了微任务，将其按顺序从后按照队列的形式放入当前执行栈中待执行（参考执行栈1的结构）
3. 执行同步代码碰到了宏任务，将其按顺序从前按照队列的形式放入下一个执行栈中待执行
4. 所有同步代码执行完毕，开始按顺序执行微任务
5. 所有微任务执行完毕，开启下一个执行栈按顺序执行宏任务
6. 宏任务执行中碰到了微任务，将微任务按顺序从后按照队列的形式放入当前执行栈中待执行（参考执行栈2的结构）
7. 执行完当前宏任务后执行所有新的微任务
8. 新的微任务执行完毕，开启下一个执行栈继续执行宏任务（参考执行栈3的结构）
9. 反复执行6-8的步骤直到宏任务全部完成

由上面的步骤可见，在执行完同步代码后，