es6中await和async有什麼作用

WBOY
發布: 2022-05-06 17:25:00
原創
2597 人瀏覽過

es6中await和async的作用分別是:1、async用來宣告一個函數是非同步執行,並傳回一個Promise物件;2、await用於等待一個非同步方法執行完成,因為await只能用於async函數中,所以用來等待一個async函數的回傳值。

es6中await和async有什麼作用

本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6中await和async有什麼作用

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中文網其他相關文章!

相關標籤:
es6
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!