js 宏任务和微任务

js 执行时首先会从宏任务中获取第一个并执行，执行过程中会将遇到的微任务放入微任务队列，当宏任务执行完成时再去依次执行微任务队列中的任务，执行完之后再去获取第二个宏任务，周而复始，直至全部执行完成。

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')
    })
})
上面代码的执行流程是这样的  因为要先执行宏任务中的主线程 然后执行宏任务中的微任务 执行完毕之后 再去执行 下一个宏任务 这样依次执行 
// 首先执行第一个宏任务
1
7
// 宏任务执行完成，执行微任务
6
8
// 微任务执行完成，执行第二个宏任务
2
4
// 宏任务执行完成，执行微任务
3
5
// 微任务执行完成，执行第三个宏任务
9
11
// 宏任务执行完成，执行微任务
10
12
// 全部执行完成，结束

宏任务(macrotask)：由宿主环境提供

I/O
setTimeout
setInterval
setImmediate
requestAnimationFrame

微任务(microtask)：由语言标准提供，可理解为回调函数

process.nextTick
MutationObserver
Promise .then .catch .finally