一個函數如果加上async，那么該函數就會返回一個Promise
async function test() { return "1" } console.log(test()) // -> Promise {<resolved>: "1"} async就是將函數返回值使用Promise.resolve()包裹了下，和then中處理返回值一樣，並且await只能配套async使用
async function test() { let value = await sleep() } async和await可以說是異步終極解決方案了，相比直接使用Promise來說，優勢在於處理then的調用鏈，能夠更清晰准確的寫出代碼，畢竟寫一大堆then也很惡心，並且也能優雅地解決回調地獄問題。當然也存在一些缺點，因為await將異步代碼改造成了同步代碼，如果多個異步代碼沒有依賴性卻使用了await會導致性能上的降低。
async function test() { // 以下代碼沒有依賴性的話，完全可以使用 Promise.all 的方式 // 如果有依賴性的話，其實就是解決回調地獄的例子了 await fetch(url) await fetch(url1) await fetch(url2) } 下面來看一個使用await的例子：
let a = 0 let b = async () => { a = a + await 10 console.log('2', a) // -> '2' 10 } b() a++ console.log('1', a) // -> '1' 1 對於以上代碼你可能會有疑惑，讓我來解釋下原因
- 首先函數
b先執行，在執行到await 10之前變量a還是 0，因為await內部實現了generator，generator會保留堆棧中東西，所以這時候a = 0被保存了下來 - 因為
await是異步操作，后來的表達式不返回Promise的話，就會包裝成Promise.reslove(返回值)，然后會去執行函數外的同步代碼 - 同步代碼執行完畢后開始執行異步代碼，將保存下來的值拿出來使用，這時候
a = 0 + 10
上述解釋中提到了await內部實現了generator，其實await就是generator加上Promise的語法糖，且內部實現了自動執行generator。如果你熟悉 co 的話，其實自己就可以實現這樣的語法糖。