Async-Await を使用して非同期関数から値を取得する方法

Async-Await を使用した非同期関数の値の取得

async-await 構文を利用する JavaScript で非同期関数を操作する場合、次のことが必要です。呼び出し側関数が使用する値を適切に返します。

非同期関数から値を返す場合は、期待どおりに return キーワードを使用する必要があります。ただし、提供されているコード サンプルで示されているように、非同期スコープの外で戻り値にアクセスしようとすると、保留状態の Promise オブジェクトを受け取ります。

この問題を解決するには、次のことが必要です。次に示すように、コンソール ロギング ステートメントを非同期 IIFE (即時呼び出し関数式) でラップします。

(async () => {
  console.log(await getData());
})();

これにより、非同期スコープを保持できます。関数が目的の値にアクセスして返すことができるようにします。

axios ライブラリは Promise を返すため、以下に示すように getData 関数の async-await 構文を省略することも可能であることに注意してください。

function getData() {
  return axios.get('https://jsonplaceholder.typicode.com/posts');
}

その後、上記のようにコンソール ロギング ステートメントを非同期 IIFE でラップして、getData 関数から値を取得できます。 async/await の詳細については、オンラインでご覧いただけます。

以上がAsync-Await を使用して非同期関数から値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。