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

【JavaScript ECMAScript】try...catch文の使い方

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

作成日: 更新日:

基本的な使い方

try...catchステートメントは、エラーが発生する可能性のあるコードを安全に実行し、エラーが発生した場合にそのエラーを捕捉して処理するためのJavaScriptの構文です。このステートメントは、プログラムが予期せぬ問題で停止してしまうことを防ぎ、システムの堅牢性を高めるために非常に重要な役割を担います。

まず、tryブロックには、エラーが発生するかもしれない処理を記述します。例えば、存在しないファイルへのアクセスや、ネットワーク接続が切断された状態でのデータ取得といった、失敗する可能性のある操作です。もしこのtryブロック内でエラー(例外)が発生した場合、その時点からtryブロックの残りのコードの実行は中断され、処理は次のcatchブロックへと移ります。

catchブロックは、tryブロックで発生したエラーを受け取り、そのエラーに対する具体的な処理を記述する場所です。エラーに関する詳細な情報は、catch (error)のように指定された変数(例ではerror)を通じて取得できます。この情報を用いて、ユーザーにエラーメッセージを表示したり、エラーの内容をログに記録したり、あるいは代替の処理を実行してプログラムの続行を試みたりすることが可能です。

さらに、try...catchステートメントには、オプションでfinallyブロックを追加することができます。finallyブロックに記述されたコードは、tryブロック内の処理がエラーの有無にかかわらず、またcatchブロックが実行されたかどうかにかかわらず、必ず実行されます。これは、ファイルやデータベース接続、ネットワークリソースといったものを解放するなど、エラー発生時にも確実に後処理を行う必要がある場合に特に役立ちます。

try...catchを適切に活用することで、開発者はプログラムの安定性を向上させ、予期せぬエラーが全体のシステムに与える影響を最小限に抑えることができます。システムエンジニアを目指す上で、このエラーハンドリングの概念と実装は非常に重要な基礎スキルの一つです。

公式リファレンス: try...catch

構文(syntax)

1try {
2  // エラーが発生する可能性のあるコードをここに記述します。
3  // 例: 未定義の関数を呼び出す
4  console.log("tryブロックの開始");
5  throw new Error("意図的にエラーを発生させました"); // 実際には何らかの処理でエラーが発生します
6  console.log("tryブロックの終了"); // この行は実行されません
7} catch (error) {
8  // tryブロックでエラーが発生した場合、ここに記述したコードが実行されます。
9  // 'error' オブジェクトには、発生したエラーに関する情報が含まれます。
10  console.error("エラーが発生しました:", error.message);
11}

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ

関連プログラミング言語