宏任务、微任务

宏任务：setTimeout，setInterval，DOM事件，AJAX请求

微任务：Promise，asyc/await

 

//主线程直接执行
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')
    })
})
//微事件1
process.nextTick(function() {
    console.log('6');
})
//主线程直接执行
new Promise(function(resolve) {
    console.log('7');
    resolve();
}).then(function() {
    //微事件2
    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。JS是单线程执行的机制，执行主线程，然后在宏任务队列中取出一个宏任务执行，执行后继续执行此宏任务内部的微任务。等内部所有微任务执行完之后，再回到宏任务队列取出第二个宏任务，周而复始地执行下去。

本文部分内容转自https://www.cnblogs.com/wangziye/p/9566454.html