Blog app with Astro and Newt on Cloudflare

JavaScriptの非同期プログラミング:async/await の魔法

公開日時:8/17/2024, 9:12:05 AM

JavaScriptにおける非同期プログラミングは、長い間コールバック地獄の問題に悩まされてきました。しかし、async/awaitの導入により、非同期コードをまるで同期コードのように書くことができるようになりました。

以下はasync/awaitを使用した基本的な例です:

javascript
Copy
async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

fetchData();

この例では、fetch関数の結果をawaitキーワードで待ち、その後レスポンスをJSONとしてパースしています。エラーハンドリングもtry/catch構文を使用して簡単に行えます。

async/awaitPromiseをベースにしているため、複数の非同期操作を並行して行うこともできます: