初探ES7中的 async await

任意乙個名稱都是有意義的，先從字面意思來理解。async 是「非同步」的簡寫，而 await 可以認為是 async wait 的簡寫。所以應該很好理解 async 用於申明乙個 function 是非同步的，而 await 用於等待乙個非同步方法執行完成。

另外還有乙個很有意思的語法規定，await 只能出現在 async 函式中。然後細心的朋友會產生乙個疑問，如果 await 只能出現在 async 函式中，那這個 async 函式應該怎麼呼叫？

如果需要通過 await 來呼叫乙個 async 函式，那這個呼叫的外面必須得再包乙個 async 函式，然後……進入死迴圈，永無出頭之日……

如果 async 函式不需要 await 來呼叫，那 async 到底起個啥作用？

這個問題的關鍵在於，async 函式是怎麼處理它的返回值的！

我們當然希望它能直接通過return語句返回我們想要的值，但是如果真是這樣，似乎就沒 await 什麼事了。所以，寫段**來試試，看它到底會返回什麼：

async function testasync() 
const result = testasync();
console.log(result);

看到輸出就恍然大悟了——輸出的是乙個 promise 物件。

一般來說，都認為 await 是在等待乙個 async 函式完成。不過按語法說明，await 等待的是乙個表示式，這個表示式的計算結果是 promise 物件或者其它值（換句話說，就是沒有特殊限定）。

因為 async 函式返回乙個 promise 物件，所以 await 可以用於等待乙個 async 函式的返回值——這也可以說是 await 在等 async 函式，但要清楚，它等的實際是乙個返回值。注意到 await 不僅僅用於等 promise 物件，它可以等任意表示式的結果，所以，await 後面實際是可以接普通函式呼叫或者直接量的。所以下面這個示例完全可以正確執行。

**：

function fn01 () ).catch(function (error) );
});};
function fn02 () ).catch(function (error) );
});};
// 公共設定部分
function fn03 () ).catch(function (error) );
});};
async function action () ;
action().then(val => );

結果：

如果專案過程中要控制非同步執行的順序，其實通過promise.all放法也可以達到類似的效果，如下

初探ES7中的 async await

ES7 學習筆記

ES7特性總結

es7查詢總結

初探ES7中的 async await

ES7 學習筆記

ES7特性總結

es7查詢總結

相關推薦