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

【JavaScript ECMAScript】async function expression演算子の使い方

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

作成日: 更新日:

基本的な使い方

async function expression関数は、非同期処理を実行する関数を定義するためのJavaScriptの式です。これは、asyncキーワードを関数の宣言の前に置くことで、その関数が非同期的な振る舞いをすることを示します。

この関数の主な目的は、ネットワークリクエストやデータベースアクセスなど、完了までに時間がかかる処理を、より簡潔で同期的なコードのように記述できるようにすることです。従来の非同期処理でよく使われたコールバック関数やPromiseチェーンと比較して、コードの可読性と保守性を大幅に向上させます。

async function内で使用できるawaitキーワードは、Promiseオブジェクトが解決(成功または失敗)されるまで、その関数の実行を一時停止させます。Promiseが解決されると、await式はそのPromiseの結果を返し、関数の実行が再開されます。これにより、複数の非同期処理が絡み合うような場合でも、コードを上から下へと順番に追う形で理解しやすくなります。

async function expressionは常にPromiseオブジェクトを返します。関数内で明示的に値を返すと、その値でPromiseが解決されます。エラーが発生した場合は、そのPromiseが拒否されます。この機能は、非同期処理の複雑さを軽減し、より堅牢で効率的なアプリケーション開発を支援します。

公式リファレンス: async function expression

構文(syntax)

1const variableName = async function(parameter1, parameter2) {
2  // 関数本体
3};

引数(parameters)

引数なし

引数はありません

戻り値(return)

Promise

async function expression は、非同期処理の完了または失敗を表す Promise オブジェクトを返します。この Promise は、async 関数内の await 式によって中断された処理が再開された後、最終的な結果を解決します。

関連コンテンツ

関連プログラミング言語