摘要：講的很清晰，看完之后更深一步的理解了事件循環(huán)機(jī)制。簡短的概述下總結(jié)是一個宏任務(wù)源，寫在里面的回調(diào)函數(shù)會加到宏任務(wù)隊列中。至此，一輪的事件循環(huán)已經(jīng)執(zhí)行完畢，開啟新的一輪事件循環(huán)。這就是整段代碼執(zhí)行情況的理解。

這篇文章真的是好文。講的很清晰，看完之后更深一步的理解了事件循環(huán)機(jī)制。

http://www.jianshu.com/p/12b9...

setTimeout是一個宏任務(wù)源，寫在里面的回調(diào)函數(shù)會加到宏任務(wù)隊列中。

Promise是一個微任務(wù)源，寫在里面resolve以及reject回調(diào)會被加到微任務(wù)隊列中。

事件循環(huán)可以分為這樣的一個過程：分別是 宏任務(wù)->執(zhí)行棧->微任務(wù)。

setTimeout(function() {
    console.log("timeout1");
})

new Promise(function(resolve) {
    console.log("promise1");
    for(var i = 0; i < 1000; i++) {
        i == 99 && resolve();
    }
    console.log("promise2");
}).then(function() {
    console.log("then1");
})

console.log("global1");

比如上面這樣的一段代碼，setTimeout是一個宏任務(wù)源，所以里面的回調(diào)函數(shù)console.log("timeout1");會被加到宏任務(wù)隊列中。到了Promise，輸出promise1以及promise2，等到for循環(huán)結(jié)束后，執(zhí)行resolve，由于Promise是一個微任務(wù)源，所以console.log("then1");回調(diào)會被加到微任務(wù)隊列中。繼續(xù)執(zhí)行代碼，輸出grobal1。這個時候，執(zhí)行棧上的代碼已經(jīng)執(zhí)行完畢，所以此時我們執(zhí)行微任務(wù)隊列，此時的微任務(wù)隊列上有console.log("then1");，所以瀏覽器輸出then1。至此，一輪的事件循環(huán)已經(jīng)執(zhí)行完畢，開啟新的一輪事件循環(huán)。也是從宏任務(wù)->執(zhí)行棧->微任務(wù)。由于此時宏任務(wù)上有事件console.log("timeout1");，所以輸出timeout1。這就是整段代碼執(zhí)行情況的理解。依次輸出如下：

promise1
promise2
global1
then1
timeout1