JavaScript では、Promise は非同期操作を処理するために使用されるオブジェクトです。then メソッドを使用すると、Promise が解決された (resolved) または拒否された (rejected) 後に、対応するアクションを実行できます。ただし、JavaScript が進化するにつれて、async/await は非同期コードを処理するためのよりクリーンで読みやすいオプションになりました。この記事では、Promise and then の代わりに async/await を使用する必要がある理由を説明します。
-
可読性の向上:
async/await を使用すると、非同期コードが同期コードのように見えるようになり、コードの可読性が向上します。async キーワードを使用して非同期関数を定義し、その中で await キーワードを使用して Promise が解決または拒否されるまで実行を一時停止することで、複数の then メソッドをネストすることなく、自然な順序で非同期コードを作成できます。 -
より便利なエラー処理:
async/await を使用すると、非同期操作でのエラーをより簡単に処理できます。try/catch ブロックを使用して、発生する可能性のある例外をキャッチして処理できます。これにより、エラー処理がより直観的かつ管理しやすくなります。従来の Promise チェーンでは、通常、then メソッドを追加してエラー処理を処理する必要があり、コードの構造が複雑になります。 -
非同期プロセスの制御がより直感的になる:
async/await を使用すると、非同期コードの実行プロセスをより直感的に制御できます。通常の制御ステートメント (条件ステートメントやループ ステートメントなど) を使用して、then メソッドにロジックをネストすることなく、非同期コードを作成できます。これにより、コードのロジックがより明確になり、理解しやすくなります。
Promise を使用してサーバーからユーザー データを取得するサンプル コードを次に示します。
funct