【JavaScript ECMAScript】async function文の使い方
async function文の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
async function関数は、非同期処理をより簡潔に、かつ同期的なコードのように記述できるように実行する関数です。この関数は常にPromiseオブジェクトを返します。async functionの大きな特徴は、関数内でawaitキーワードを使用できる点です。awaitキーワードは、Promiseの解決(成功または失敗)を待ち、その結果を返します。これにより、コールバック関数を深くネストするような、いわゆる「コールバック地獄」を避けて、非同期処理のフローをより直感的で読みやすい形で表現することが可能になります。
例えば、ネットワークからのデータ取得やファイル操作など、完了までに時間のかかる処理を実行する際、async functionとawaitを使うことで、その処理が完了するまで他の処理を一時停止させつつ、ユーザーインターフェースがフリーズするといった問題を防ぐことができます。async functionが返すPromiseは、関数内で明示的に返された値で解決されるか、あるいは関数内で例外が発生した場合は拒否されます。JavaScriptにおける非同期処理を扱う上で、非常に強力かつ重要な機能の一つです。
公式リファレンス: async function
構文(syntax)
1async function functionName(parameter1, parameter parameter2) { 2 // statements 3}
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません