es6中await和async的作用分別是:1、async用來宣告一個函數是非同步執行,並傳回一個Promise物件;2、await用於等待一個非同步方法執行完成,因為await只能用於async函數中,所以用來等待一個async函數的回傳值。
本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。
async 用來申明一個 function 是異步的,而 await 用來等待一個非同步方法執行完成。
await只能放在async函數裡
await後面接一個會return new promise的函數並執行它。
在遇到await時,會阻塞後面的程式碼,先執行async外面的同步程式碼,
如果等待的是promise,等Promise完成,然後把resolve 的參數當作await 表達式的運算結果。
如果等待的是表達式,執行完async外面同步程式碼後再回來繼續往下執行
#async
async 函數(包含函數語句、函數表達式、Lambda表達式)會傳回一個Promise 物件。
如果在函數中 return 一個直接量,async 會把這個直接量透過 Promise.resolve() 封裝成 Promise 物件。
如果 async 函數沒有回傳值,又該如何?很容易想到,它會回到 Promise.resolve(undefined)。
Promise 的特點-無等待,所以在沒有 await 的情況下執行 async 函數,它會立即執行,傳回一個 Promise 對象,並且,絕不會阻塞後面的語句。這和普通傳回 Promise 物件的函數並無二致。
await
一般來說,都認為 await 是在等待一個 async 函數完成。不過依語法說明,await 等待的是一個表達式,這個表達式的計算結果是 Promise 物件或其它值(換句話說,就是沒有特殊限定)。
因為 async 函數傳回一個 Promise 對象,所以 await 可以用來等待一個 async 函數的回傳值,也就是promise的resolve(這裡的值)。
await 不只用於等 Promise 對象,它可以等任意表達式的結果,所以,await 後面實際上是可以接普通函數呼叫或直接量的。
如果它等到的不是一個 Promise 對象,那麼 await 表達式的運算結果就是它等到的東西。
為什麼要用await
為了讓我們的非同步程式碼,更像同步的程式碼
有多個promise,怎麼拿到所有的promise都結束後的結果
因為Promise.all()回傳的也是一個promise所以如果要使用await拿到多個promise的值,可以直接await Promise.all()
【相關推薦:javascript影片教學、web前端】
以上是es6中await和async有什麼作用的詳細內容。更多資訊請關注PHP中文網其他相關文章!