摘要：但是中的這種情況與抽象反應(yīng)器模式如何描述完全不同。在處理一個(gè)階段之后并且在移到下一個(gè)隊(duì)列之前，事件循環(huán)將處理兩個(gè)中間隊(duì)列，直到中間隊(duì)列中沒有剩余的項(xiàng)目。如果沒有任務(wù)則循環(huán)退出，每一次隊(duì)列處理都被視為事件循環(huán)的一個(gè)階段。

在之前我們處理異步函數(shù)都是用回調(diào)這個(gè)方法，回調(diào)嵌套的時(shí)候會(huì)發(fā)現(xiàn) 閱讀性 和 調(diào)試 的難度會(huì)增加很多；

想象一下，你把一個(gè)任務(wù)交給一個(gè)不錯(cuò)的小伙子，他叫承諾；不用擔(dān)心你交給他的任務(wù)會(huì)丟失，他總會(huì)返回的，做成功了resolve，失敗了reject；

var promise = new Promise((resolve, reject) =>{
    //交給給“承諾”同學(xué)一個(gè)異步任務(wù)
    setTimeout(()=>{
        if(true){
            // 成功了，返回params
            resolve("params")
        }else{
            // 失敗了，返回error
            reject("error")
        }
    }, 1000) 
})

// 上面是給承諾一個(gè)任務(wù)，下面是"承諾"同學(xué)的返回
promise.then((res)=>{
    console.log(res)
}).catch((rej)=>{   
    console.log(res)
})

實(shí)際情況中，異步的場(chǎng)景沒有那么簡(jiǎn)單，你可以會(huì)遇到下面這些場(chǎng)景

“串行應(yīng)用場(chǎng)景”下的處理方案

let promise = new Promise((res, rej)=>{
    asyncFunc("promise", 1000, res, rej)
}) 

promise.then(res=>{
    console.log(res);
    return new Promise((res, rej)=>{
        asyncFunc("second", 2000, res, rej)
    })
}).then(res=>{
    console.log(res);
    return new Promise((res, rej)=>{
        asyncFunc("third", 1000, res, rej)
    })
    // throw "oh, no!";
}).then(res=>{
    console.log(res);
    console.log("endinggggggg")
}).catch(err=>{
    console.log("catch", err)
})

“并行應(yīng)用場(chǎng)景”的處理方案(即在所有的異步操作完成之后執(zhí)行)

let promise1 = new Promise((res, rej)=>{
    asyncFunc("promise1", 1000, res, rej)
})

let promise2 = new Promise((res, rej)=>{
    asyncFunc("promise2", 2000, res, rej)
})

let promise3 = new Promise((res, rej)=>{
    asyncFunc("promise3", 1000, res, rej)
})

var promiseAll = Promise.all([promise1, promise2, promise3])
promiseAll.then(res =>{
    console.log("最終的結(jié)果", res)
}).catch(err =>{
    console.log("catch", err);
})

“競(jìng)速模式下”，如字面意思，只要是哪一個(gè)提前完成了。就表示整個(gè)狀態(tài)處理完成狀態(tài)；這個(gè)場(chǎng)景可以發(fā)散成如果是超過了3s我就不去做這件事情了

let promise1 = new Promise((res, rej)=>{
    asyncFunc("promise1", 1000, res, rej, true)
})

let promise2 = new Promise((res, rej)=>{
    asyncFunc("promise2", 2000, res, rej, true)
})

let promise3 = new Promise((res, rej)=>{
    asyncFunc("promise3", 1000, res, rej)
})

// 1000s的任務(wù)完成了，就直接返回promise1了
var promiseRace = Promise.race([promise1, promise2, promise3])
promiseRace.then(res =>{
    console.log("最終的結(jié)果", res)
}).catch(err =>{
    console.log("catch", err);
})

講這一塊的東西就得講講nodejs的事件處理機(jī)制；   
事件隊(duì)列應(yīng)該是一個(gè)數(shù)據(jù)結(jié)構(gòu)，所有的事情都被事件循環(huán)排隊(duì)和處理，直到隊(duì)列為空。但是Node中的這種情況與抽象反應(yīng)器模式如何描述完全不同。   
下面講的東西只適合V8；

NodeJS中有許多隊(duì)列，其中不同類型的事件在自己的隊(duì)列中排隊(duì)。

在處理一個(gè)階段之后并且在移到下一個(gè)隊(duì)列之前，事件循環(huán)將處理兩個(gè)中間隊(duì)列，直到中間隊(duì)列中沒有剩余的項(xiàng)目。

定義：

有四種主要類型，由libuv事件循環(huán)處理；

過期的定時(shí)器和間隔隊(duì)列 - （比如使用setTimeout,setInterval）;

IO事件隊(duì)列 - 已完成的IO事件

Immediates隊(duì)列 - 使用setImmediate功能添加回調(diào)

關(guān)閉處理程序隊(duì)列 - 任何close事件處理程序

還有2個(gè)中間隊(duì)列，不屬于libuv本身的一部分，但是是nodejs的一部分；

Next Ticks Queue - 使用process.nextTick 函數(shù)添加回調(diào)；（優(yōu)先級(jí)更高）

其他微型任務(wù)隊(duì)列 - 包括其他微型任務(wù)，例如已經(jīng)解決的承諾回調(diào)；

如何工作的：

上圖是node中l(wèi)ibuv模塊在處理異步I/O操作的流程圖；

Node通過定時(shí)器檢查隊(duì)列中的任何過期定時(shí)器來啟動(dòng)事件循環(huán)，并在每一個(gè)步驟中遍歷每一個(gè)隊(duì)列。如果沒有任務(wù)則循環(huán)退出，每一次隊(duì)列處理都被視為事件循環(huán)的一個(gè)階段。特別有意思的是中間紅色的隊(duì)列，每次階段都會(huì)優(yōu)先去處理中間隊(duì)列的任務(wù)。然后再去處理其他的隊(duì)列。

async/await 可以是Generator和promise結(jié)合實(shí)現(xiàn)的；

asnyc 函數(shù)總是返回一個(gè)Promise對(duì)象，不論函數(shù)是否return Promise；

await 后面跟著Promise對(duì)象，如果不是Promise對(duì)象，也會(huì)被封裝成Promise；

async/await 和Promise對(duì)象在本質(zhì)上是一樣的

其他note點(diǎn)

await的任何內(nèi)容都通過Promise.resolve()傳遞，這樣就可以安全的await非原生Promise；

構(gòu)造函數(shù)以及getter/settings方法不能是異步的；

盡管編寫的是同步的代碼，但是也不要錯(cuò)失并行執(zhí)行的機(jī)會(huì)，不然你需要消耗等待的性能喪失；

Babel REPL 說起來很有趣。試試就知道。

實(shí)際情況中，異步的場(chǎng)景沒有那么簡(jiǎn)單，你可以會(huì)遇到下面這些場(chǎng)景

場(chǎng)景：只有一個(gè)await并且 resolve

const delay = timeout => new Promise(resolve => setTimeout(resolve, timeout));
async function f(){
    await delay(1000);
    await delay(2000);
    await delay(3000);
    return "done"
}
f().then(v=> console.log(v));

場(chǎng)景：只有一個(gè)await并且 reject

let a;
async function g(){
    await Promise.reject("error");
    a = await 1;
}
g().then(v=>console.log(v)).catch(err=>console.log(err));

場(chǎng)景：有多個(gè)await， 可以用try/catch

let a ;
async function g(){
    try{
        await Promise.reject("error")
    }catch(err){    
        console.log(err)
    }
    a= await 1;
    return a;
}

g().then(v=>console.log(v)).catch(err=>console.log(err));

場(chǎng)景：等待平行任務(wù)

async function series(){
    const await1 = delay(1000);
    const await2 = delay(1000);
    await await1;
    await await2;
    return "done"
}
series();

如果有不對(duì)的可以提issue
如果覺得對(duì)你有幫助可以star下
github

這一系列的文檔講的很不錯(cuò)

https://juejin.im/post/5b777f...

講promise，setTimeout優(yōu)先級(jí)的；nodejs中事件循環(huán)中的任務(wù)優(yōu)先級(jí)

https://jsblog.insiderattack....

developers.google.com域名下面的文檔還是很有質(zhì)量的，其中會(huì)比較全面的介紹怎么去用promise和async/await

https://developers.google.com...