JavaScript 中的非同步函數：理解「async」與「await」

簡介

在JavaScript 的非同步程式設計模型中，處理非同步任務及其完成回呼可能會導致複雜的程式碼結構。非同步函數與“async”和“await”關鍵字一起提供了一種更結構化和高效的方法。

非同步函數

非同步函數是呼叫時不會阻塞主執行緒的函數。等待非同步操作。他們使用“async”關鍵字並傳回一個 Promise 物件。非同步函數允許我們以更加同步的方式編寫非同步程式碼。

“async”和“await”

“async”關鍵字用於將函數宣告為非同步。 「await」關鍵字用於非同步函數內部，以暫停其執行並等待 Promise 被履行。這是一個例子：

async function fetchUserData(id) {
  const response = await fetch(`https://example.com/users/${id}`);
  const user = await response.json();
  return user;
}

在此範例中，使用「async」關鍵字將 fetchUserData 函數標記為非同步。當它呼叫 fetch 來獲取用戶資料時，它使用「await」暫停執行，直到 fetch 完成。這使我們能夠立即在函數範圍內使用用戶資料。

非同步函數的好處

非同步函數使非同步程式設計更易於管理和可讀。它們透過消除巢狀回調來簡化程式碼結構，並減少顯式 Promise 處理的需要。這可以提高程式碼的可維護性並減少出錯的可能性。