JavaScript 程式札記 : async/await

什麼是 async/await？

async和await是建立在Promise基礎上的語法糖，讓我們可以用更直觀、更像同步程式的方式來寫非同步程式。

async function fetchData() {
  let response = await fetch("https://api.example.com/data");
  let data = await response.json();
  console.log(data);
}

fetchData();

在上面的範例中，fetchData是一個async函式。在這個函式中，我們使用await關鍵字來等待fetch和response.json()這兩個Promise解決。這樣，我們就可以在非同步操作完成後，繼續執行後面的程式碼。

async/await 錯誤處理

當使用async和await時，我們也需要考慮到錯誤處理。最常見的方式是使用try/catch。

async function fetchData() {
  try {
    let response = await fetch("https://api.example.com/data");
    let data = await response.json();
    console.log(data);
  } catch (error) {
    console.error("發生錯誤：", error);
  }
}

fetchData();

在上面的範例中，如果fetch或response.json()發生錯誤，我們會捕捉到這個錯誤，並在控制台輸出錯誤訊息。 

async/await 的優點

使用async和await的最大優點是它讓非同步程式碼看起來更像同步程式碼，更容易閱讀和理解。你不再需要使用大量的.then()和.catch()，也不需要處理複雜的回調函式。

此外，async和await也讓錯誤處理變得更簡單。你可以使用標準的try/catch結構，而不是在每個Promise後面都加上.catch()。

總之，async和await提供了一個簡潔、直觀的方式來寫非同步程式碼，讓程式更容易維護和擴展。

😊 感謝你的耐心閱讀，若是你喜歡這篇內容，可以透過以下方式表達你的喜歡 😊

❤️按個愛心｜💬留言互動｜🔗分享此文｜📌追蹤阿梧｜☕請喝咖啡