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/awaitはPromiseをベースにしているため、複数の非同期操作を並行して行うこともできます: