JS 中for循環中異步變爲同步的使用

知識點:

在項目中有些邏輯或者請求依賴另一個異步請求,大家常用的方法是回調函數。現在有個高大上的解決方案:await async 。

async 是“異步”的簡寫,而 await 可以認爲是 async wait 的簡寫。所以應該很好理解 async 用於申明一個 function 是異步的,而 await 用於等待一個異步方法執行完成。並且await 只能出現在 async 函數中,否則會報錯。

async作用:

當調用一個 async 函數時,會返回一個 Promise 對象。當這個 async 函數返回一個值時,Promise 的 resolve 方法會負責傳遞這個值;當 async 函數拋出異常時,Promise 的 reject 方法也會傳遞這個異常值。

async 函數中可能會有 await 表達式,這會使 async 函數暫停執行,等待 Promise  的結果出來,然後恢復async函數的執行並返回解析值(resolved)。

await作用:

await 表達式會暫停當前 async function 的執行,等待 Promise 處理完成。若 Promise 正常處理(fulfilled),其回調的resolve函數參數作爲 await 表達式的值,繼續執行 async function。

若 Promise 處理異常(rejected),await 表達式會把 Promise 的異常原因拋出。另外,如果 await 操作符後的表達式的值不是一個 Promise,則返回該值本身。

場景:For循環中異步AJAX查詢返回數據

代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>異步變同步</title>
</head>
<body>
		測試異步變同步
</body>
</html>
<!-- jQuery -->
<script ty
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章