知識點:
在項目中有些邏輯或者請求依賴另一個異步請求,大家常用的方法是回調函數。現在有個高大上的解決方案: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