Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】async function文の使い方

async function文の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

async function関数は、非同期処理をより簡潔に、かつ同期的なコードのように記述できるように実行する関数です。この関数は常にPromiseオブジェクトを返します。async functionの大きな特徴は、関数内でawaitキーワードを使用できる点です。awaitキーワードは、Promiseの解決(成功または失敗)を待ち、その結果を返します。これにより、コールバック関数を深くネストするような、いわゆる「コールバック地獄」を避けて、非同期処理のフローをより直感的で読みやすい形で表現することが可能になります。

例えば、ネットワークからのデータ取得やファイル操作など、完了までに時間のかかる処理を実行する際、async functionawaitを使うことで、その処理が完了するまで他の処理を一時停止させつつ、ユーザーインターフェースがフリーズするといった問題を防ぐことができます。async functionが返すPromiseは、関数内で明示的に返された値で解決されるか、あるいは関数内で例外が発生した場合は拒否されます。JavaScriptにおける非同期処理を扱う上で、非常に強力かつ重要な機能の一つです。

公式リファレンス: async function

構文(syntax)

1async function functionName(parameter1, parameter parameter2) {
2  // statements
3}

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ

関連プログラミング言語