js中的eventloop 事件循环

JavaScript语言的特点：
JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着，于是引入异步任务的概念。

同步任务和异步任务：
所有任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不立即进入主线程、而先进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。

任务队列：
"任务队列"是一个先进先出的数据结构，排在前面的事件，优先被主线程读取。任务队列又分为宏队列和微队列，分别存放宏任务和微任务。

宏任务和微任务：
在JavaScript中，任务被分为两种，一种宏任务（MacroTask），一种叫微任务（MicroTask）。
常见的宏任务：
script全部代码、setTimeout、setInterval
常见的微任务：
Promise中then的回调函数、MutationObserver、Process.nextTick（Node独有）

事件循环：

（1）js代码执行时，先按代码顺序将同步任务压入主执行栈中执行
（2）遇到异步任务则先将异步任务压入对应的任务队列中（宏队列或微队列）
（3）同步任务执行完毕后，查看微队列，将微任务一一取出进入主执行栈中执行
（4）微任务队列清空后，再查看宏队列，只取出第一个宏任务执行，执行完一个宏任务后，回到第三步的操作
这个过程是循环不断的，所以整个的这种运行机制又称为Event Loop（事件循环）。
（按照这个思路做题基本没什么问题，需要注意的点就是then中的回调函数要确定Promise状态后才能压入微队列）

来个练习题吧 哈哈

console.log('1');
setTimeout(function() {
    console.log('2');
    process.nextTick(function() {
        console.log('3');
    })
    new Promise(function(resolve) {
        console.log('4');
        resolve();
    }).then(function() {
        console.log('5')
    })
})
process.nextTick(function() {
    console.log('6');
})
new Promise(function(resolve) {
    console.log('7');
    resolve();
}).then(function() {
    console.log('8')
})

setTimeout(function() {
    console.log('9');
    process.nextTick(function() {
        console.log('10');
    })
    new Promise(function(resolve) {
        console.log('11');
        resolve();
    }).then(function() {
        console.log('12')
    })
})

node环境执行答案：1、7、6、8、2、4、3、5、9、11、10、12