JavaScriptの非同期関数async/awaitの使い方

非同期関数（async/await）は、JavaScriptの非同期処理を扱う構文糖であり、Promise上に構築するもので、非同期コードの記述や読み取りをより簡潔かつ直感的にします。

async/awaitを利用すると、非同期関数の中でawaitキーワードを使ってPromiseオブジェクトの完了を待機し、その結果を返すことができます。これにより、従来のコールバック関数やPromiseのチェーンコールの利用を避けることができます。

非同期処理の基礎的な利用方法を以下に示します。

1. 非同期

async function myAsyncFunction() {
// 异步操作...
}

1. 楽しみに待っている
2. まだ

async function myAsyncFunction() {
const result = await myPromise; // 等待 myPromise 的完成，并将其结果赋值给 result
// 使用 result 进行后续操作...
}

1. 今すぐに
2. トラキャッチ

async function myAsyncFunction() {
try {
const result = await myPromise;
// 使用 result 进行后续操作...
} catch (error) {
// 处理错误...
}
}

非同期関数の内部からさらに別の非同期関数を呼び出す際は、await キーワードを前に置いて完了を待つ必要があります。これにより、非同期操作を同期的なコードのように記述でき、コードの可読性が向上します。

非同期処理をする場合には async/await を使うほかに、Promise.then() と Promise.catch() を使うこともできる。async/await 構文は、より直感的で簡潔に記述するための方法の一つにすぎない。