這篇文章動機(jī)是為了解釋這個問題

往下閱讀之前你需要知道，promise的resolve回調(diào)函數(shù)會被放在job queue中等待主任務(wù)執(zhí)行完畢后等待執(zhí)行(這也是文章提到的問題的解答)。可以參考這篇文章

new Promise((resolve, reject) => {
    resolve();  //將resolved回調(diào)函數(shù)（then的第一個參數(shù)）添加到queue隊(duì)列
}).then(() => {
    console.log("promise1 resolved");
});

new Promise((resolve, reject) => {
    resolve();  //將resolved回調(diào)函數(shù)（then的第一個參數(shù)）添加到queue隊(duì)列
}).then(() => {
    console.log("promise3 resoved");
});
console.log("main");

//result:
//main
//promise1 resolved
//promise3 resoved

這個結(jié)果很好理解，兩個resolve()函數(shù)將兩個回調(diào)函數(shù)依次添加到j(luò)ob queue隊(duì)列，主任務(wù)隊(duì)列執(zhí)行完后，依次執(zhí)行job queue中的任務(wù)。

在看代碼前首先要理解promise then函數(shù)的返回值也是一個promise，而返回的promise的狀態(tài)（pending，resolved，reject）在不同情況下會是不同的值，具體請參考MDN上的解釋。為方便理解，請大家記住下面這段代碼中的then函數(shù)的返回值均是處于resolved狀態(tài)的promise。并請牢記一個promise如果是resolved狀態(tài)則它會將其then回調(diào)函數(shù)作為一個任務(wù)添加到j(luò)ob queue。為方便解釋，我會在代碼中將每個then函數(shù)標(biāo)記為一個任務(wù)，希望大家能對照著看。OK，讓我們來看代碼

new Promise((resolve, reject) => {
    resolve();  //resolve_1
}).then(() => {  // then_task_1
    console.log("promise1 resolved");
}).then(() => {  // then_task_2
    console.log("promise2 resolved");
}).then(() => {  // then_task_3
    console.log("promise3 resolved");
});

new Promise((resolve, reject) => {
    resolve();  //resolve_2
}).then(() => {  // then_task_x
    console.log("promisex resolved");
}).then(() => {  // then_task_y
    console.log("promisey resolved");
}).then(() => {  // then_task_z
    console.log("promisez resolved");
});

console.log("main");

//result:
//main
//promise1 resolved
//promisex resolved
//promise2 resolved
//promisey resolved
//promise3 resolved
//promisez resolved

1，首先resolve_1將then_task_1添加到j(luò)ob queue，然后resolve2將then_task_x添加到j(luò)ob queue。然后執(zhí)行到console.log("main")。
主任務(wù)隊(duì)列中的任務(wù)執(zhí)行完成，主任務(wù)隊(duì)列空（是的，這時job queue中只有then_task_1和then_task_x）。
2，開始執(zhí)行job queue中的任務(wù)：執(zhí)行then_task_1,打印promise1，這時返一個resolved promise，這個promise的then是then_task_2，js將then_task_2添加到then_task_x后；執(zhí)行then_task_x，打印promisx，同理將then_task_y添加到then_task_2后。依次類推，我們就看到了代碼結(jié)果這樣的打印順序。

new Promise((resolve, reject) => {
    resolve(Promise.resolve().then(() => { //then_task_innner
        console.log("inner promise resolved") 
    })); //外層resolve對應(yīng)then_task1，內(nèi)層resolve對應(yīng)then_task_inner
}).then(() => { //then_task_1
    console.log("promise1 resolved");
});
new Promise((resolve, reject) => {
    resolve();  //resolve2
}).then(() => { //then_task_2
    console.log("promise2 resolved");
});
console.log("main");

//result:
//main
//inner promise resolved
//promise2 resolved
//promise1 resolved

這段代碼執(zhí)行到第一個resolve時發(fā)現(xiàn)其參數(shù)是一個resolved promise的then回調(diào)函數(shù)，這個參數(shù)是無法立即計算出值來的（因?yàn)檫@個then_task_innner被添加到j(luò)ob queue不會被立即執(zhí)行）。所以這個resolve函數(shù)不會被立即執(zhí)行。所以到這里then_task_innner被添加到j(luò)ob queue了，但是then_task_1并沒有，因?yàn)槠鋵?yīng)的promise還處于pending狀態(tài)，沒有被resolve。然后執(zhí)行到resolve2，將then_task_2添加到j(luò)ob queue。然后執(zhí)行console.log("main")，主任務(wù)隊(duì)列完成。這時job queue中有then_task_inner和then_task_2。當(dāng)執(zhí)行完then_task_inner后，第一個resolve()會被添加到j(luò)ob queue，這時job queue中只有resolve()這個任務(wù)，這個resolve被執(zhí)行。其對應(yīng)的promise變?yōu)閞esolved狀態(tài)，對應(yīng)的then_task_1被添加到j(luò)ob queue中，然后被執(zhí)行。因此我們看到屏幕上的打印結(jié)果是這樣的。

有了代碼三的鋪墊，我們現(xiàn)在來看看下面這段代碼。

new Promise((resolve, reject) => {
    resolve(Promise.resolve());  //為方便解釋，我們將外層的resolve叫做 outer_resolve；內(nèi)層的resolve叫做inner_resolve
}).then(() => {  //promise1_task
    console.log("promise1 resolved");
});
new Promise((resolve, reject) => {
    resolve();  //resolve2 對應(yīng) promise2_task
}).then(() => {  //promise2_task
    console.log("promise2 resolved");
}).then(() => {  //promise3_task
    console.log("promise3 resolved");
});
console.log("main");

//result:
//main
//promise2 resolved
//promise3 resolved
//promise1 resolved

放這段代碼是為了過渡，方便解釋下面的問題。
這段代碼對比代碼三inner_resolve沒有了.then()；不過并不是沒有了，我們可以理解為inner_resolve對應(yīng)的promise的then函數(shù)是null。
程序首先運(yùn)行到第一個resolve，發(fā)現(xiàn)無法立即獲得參數(shù)值，對應(yīng)的promise無法改變狀態(tài)，任然是pendding，所以對應(yīng)的promise1_task不會被添加到j(luò)ob queue。然而inner_resolve被執(zhí)行了，其對應(yīng)的then函數(shù)(null)被添加到j(luò)ob queue。接下來第二個resolve被執(zhí)行，對應(yīng)的promise2_task被添加到j(luò)ob queue。之后主任務(wù)執(zhí)行完成，開始執(zhí)行job queue中的任務(wù)。對一個任務(wù)是null，執(zhí)行完后因?yàn)榈谝粋€resolve的參數(shù)有了，所以這個resolve函數(shù)被添加到j(luò)ob queue中；接下來是執(zhí)行promise2_task，打印promise2 并將promise3_task添加到j(luò)ob queue。然后執(zhí)行第一個resolve函數(shù)，其對應(yīng)的promise1_task被添加到j(luò)ob queue。接下來是執(zhí)行promise3_task，然后promise1_task。
如果我們將resolve(Promise.resolve())換成resolve()。就會看到打印結(jié)果順序是promise1,promise2,promise3。

new Promise((resolve, reject) => {
    console.log("async1 start");
    console.log("async2");
    resolve(Promise.resolve());  //這里的Promise.resolve會添加一個null任務(wù)到j(luò)ob queue，外層resolve對應(yīng)async1_end_task
}).then(() => {   //async1_end_task
    console.log("async1 end");
});

new Promise(function(resolve) {
    console.log("promise1");
    resolve();  //對應(yīng)promise2_task
}).then(function() {  //promise2_task
    console.log("promise2");
}).then(function() { //promise3_task
    console.log("promise3");
}).then(function() { //promise4_task
    console.log("promise4");
});

//result:
//async1 start
//async2
//promise1
//promise2
//promise3
//async1 end
//promise4

這里我們對async1 start,async2,promise1的打印順序不解釋，這時在主任務(wù)中執(zhí)行的，按主任務(wù)執(zhí)行順序打印。
romise2，promise3，async1 end，promise4的打印順序解釋同代碼四