【EventLoop】问题一次搞定

console.log('golb1');setTimeout(function() {console.log('timeout1');process.nextTick(function() {console.log('timeout1_nextTick');})new Promise(function(resolve) {console.log('timeout1_promise');resolve();}).then(function() {console.log('timeout1_then')})
})setImmediate(function() {console.log('immediate1');process.nextTick(function() {console.log('immediate1_nextTick');})new Promise(function(resolve) {console.log('immediate1_promise');resolve();}).then(function() {console.log('immediate1_then')})
})process.nextTick(function() {console.log('glob1_nextTick');
})
new Promise(function(resolve) {console.log('glob1_promise');resolve();
}).then(function() {console.log('glob1_then')
})setTimeout(function() {console.log('timeout2');process.nextTick(function() {console.log('timeout2_nextTick');})new Promise(function(resolve) {console.log('timeout2_promise');resolve();}).then(function() {console.log('timeout2_then')})
})process.nextTick(function() {console.log('glob2_nextTick');
})
new Promise(function(resolve) {console.log('glob2_promise');resolve();
}).then(function() {console.log('glob2_then')
})setImmediate(function() {console.log('immediate2');process.nextTick(function() {console.log('immediate2_nextTick');})new Promise(function(resolve) {console.log('immediate2_promise');resolve();}).then(function() {console.log('immediate2_then')})
})

第一步：宏任务script首先执行。全局入栈。glob1输出。

第二步，执行过程遇到setTimeout。setTimeout作为任务分发器，将任务分发到对应的宏任务队列中。

第三步：执行过程遇到setImmediate。setImmediate也是一个宏任务分发器，将任务分发到对应的任务队列中。setImmediate的任务队列会在setTimeout队列的后面执行。

第四步：执行遇到nextTick，process.nextTick是一个微任务分发器，它会将任务分发到对应的微任务队列中去。

第五步：执行遇到Promise。Promise的then方法会将任务分发到对应的微任务队列中，但是它构造函数中的方法会直接执行。因此，glob1_promise会第二个输出。

第六步：执行遇到第二个setTimeout。

第七步：先后遇到nextTick与Promise

第八步：再次遇到setImmediate。

第一轮循环结束，开始执行第一轮循环中所有的微任务队列

其中，nextTick队列会比Promie先执行。nextTick中的可执行任务执行完毕之后，才会开始执行Promise队列中的任务。

当所有可执行的微任务执行完毕之后，这一轮循环就表示结束了。下一轮循环继续从宏任务队列开始执行。

所以就从setTimeout队列开始执行

只有当setTimeout中所有的任务执行完毕之后，才会再次开始执行微任务队列。并且清空所有的可执行微任务。

setTiemout队列产生的微任务执行完毕之后，循环则回过头来开始执行setImmediate队列。仍然是先将setImmediate队列中的任务执行完毕，再执行所产生的微任务。

当setImmediate队列执行产生的微任务全部执行之后，第二轮循环也就结束了。

当我们在执行setTimeout任务中遇到setTimeout时，它仍然会将对应的任务分发到setTimeout队列中去，但是该任务就得等到下一轮事件循环执行了。例子中没有涉及到这么复杂的嵌套，大家可以动手添加或者修改他们的位置来感受一下循环的变化。

//执行第一轮宏任务队列（macro）
 

golb1

glob1_promise

glob2_promise

//执行第一轮微任务队列（micro）
glob1_nextTick
glob2_nextTick
glob1_then
glob2_then
 

第一轮事件循环结束

//执行第二轮宏任务中的setTimeout队列（macro）
timeout1
timeout1_promise
timeout2
timeout2_promise
 

//执行第二轮宏任务setTimeout产生的微任务队列（micro）
timeout1_nextTick
timeout2_nextTick
timeout1_then
timeout2_then
 

第二轮事件循环结束
 

//执行第二轮宏任务中setImmediate队列（macro）
immediate1
immediate1_promise
immediate2
immediate2_promise

//执行第二轮宏任务setImmediate产生的微任务队列（micro）
immediate1_nextTick
immediate2_nextTick
immediate1_then
immediate2_then