カテゴリ: JavaScript 更新日: 2026/03/22

JavaScriptの例外処理とErrorオブジェクトの仕組みを徹底解説 初心者向け完全ガイド

JavaScriptの例外(Errorオブジェクト)の仕組みを解説
JavaScriptの例外(Errorオブジェクト)の仕組みを解説

先生と生徒の会話形式で理解しよう

生徒

「JavaScriptでプログラムを実行するとエラーって出ますよね。あれは何なんですか?」

先生

「あれは例外と呼ばれる仕組みです。JavaScriptではErrorオブジェクトという特別な仕組みでエラーを管理しています。」

生徒

「例外ってどういう意味なんですか?」

先生

「普段通りに動くはずの処理が、途中で止まってしまう特別な出来事のことです。今日はその仕組みを順番に見ていきましょう。」

1. JavaScriptの例外とは何か

1. JavaScriptの例外とは何か
1. JavaScriptの例外とは何か

JavaScriptの例外とは、プログラムの実行中に発生する予期しない問題のことです。例えば、存在しない変数を使おうとした場合や、数値ではない値を計算しようとした場合に発生します。

例外という言葉は少し難しく感じるかもしれませんが、普段の生活で例えると、料理中に材料が足りないことに気づくようなものです。本来はスムーズに進むはずの作業が途中で止まってしまう状態です。

JavaScriptでは、このような問題が起きるとエラーが発生し、内部ではErrorオブジェクトという特別なデータが作られます。このErrorオブジェクトの仕組みを理解することが、例外処理を理解する第一歩です。

2. Errorオブジェクトの基本的な仕組み

2. Errorオブジェクトの基本的な仕組み
2. Errorオブジェクトの基本的な仕組み

Errorオブジェクトとは、エラーの情報をまとめて持っている特別なオブジェクトです。オブジェクトとは、データと機能をひとまとめにした入れ物のことです。

Errorオブジェクトには、主にメッセージや名前といった情報が含まれます。例えば、どのような種類のエラーなのか、どんな問題が起きたのかが記録されています。

実際にErrorオブジェクトを作成してみましょう。


const error = new Error("何か問題が発生しました");
console.log(error.name);
console.log(error.message);

実行結果


Error
何か問題が発生しました

このように、nameにはエラーの種類、messageにはエラーの内容が入っています。これがJavaScriptのErrorオブジェクトの基本的な仕組みです。

3. try catch文で例外を処理する方法

3. try catch文で例外を処理する方法
3. try catch文で例外を処理する方法

JavaScriptでは、try catch文を使って例外処理を行います。例外処理とは、エラーが起きてもプログラムが完全に止まらないように対処する仕組みです。

tryの中に危険な処理を書き、エラーが発生した場合はcatchの中の処理が実行されます。


try {
  const result = notDefinedValue + 1;
  console.log(result);
} catch (e) {
  console.log("エラーが発生しました");
  console.log(e.message);
}

実行結果


エラーが発生しました
notDefinedValue is not defined

このように、エラーが起きてもcatchの中で処理できるため、画面が真っ白になることを防ぐことができます。

4. throwで独自の例外を発生させる

4. throwで独自の例外を発生させる
4. throwで独自の例外を発生させる

throwは、自分で意図的に例外を発生させるための命令です。例えば、年齢が負の値で入力された場合にエラーにしたいときに使います。


function checkAge(age) {
  if (age < 0) {
    throw new Error("年齢は正の数で入力してください");
  }
  return "年齢は" + age + "です";
}

try {
  console.log(checkAge(-5));
} catch (e) {
  console.log("入力エラー");
  console.log(e.message);
}

実行結果


入力エラー
年齢は正の数で入力してください

このようにthrowを使うことで、プログラムのルールを守らせることができます。

5. finallyの役割とは

5. finallyの役割とは
5. finallyの役割とは

finallyは、エラーが発生してもしなくても必ず実行される処理を書く場所です。例えば、ファイルを閉じる処理や後片付けの処理を書くときに使います。


try {
  console.log("処理を開始します");
  throw new Error("途中で問題発生");
} catch (e) {
  console.log("エラーを確認しました");
} finally {
  console.log("必ず実行される処理です");
}

実行結果


処理を開始します
エラーを確認しました
必ず実行される処理です

finallyは掃除のような役割を持つ大切な仕組みです。

6. よくあるErrorの種類

6. よくあるErrorの種類
6. よくあるErrorの種類

JavaScriptにはいくつかの代表的なエラーの種類があります。例えば、ReferenceErrorは存在しない変数を使ったときに発生します。TypeErrorは値の種類が間違っているときに発生します。


try {
  const num = 10;
  num();
} catch (e) {
  console.log(e.name);
  console.log(e.message);
}

実行結果


TypeError
num is not a function

エラーの種類を理解することで、原因の特定が早くなります。

7. 例外処理を学ぶ重要性

7. 例外処理を学ぶ重要性
7. 例外処理を学ぶ重要性

JavaScriptの例外処理は、実務でも非常に重要です。特にWeb開発では、ユーザーの入力や通信の失敗など、さまざまな問題が発生します。

例外処理を正しく理解していないと、小さなエラーでアプリケーション全体が止まってしまいます。しかし、Errorオブジェクトやtry catchを理解していれば、問題を安全に処理できます。

初心者のうちはエラーが怖いと感じるかもしれませんが、エラーは成長のきっかけです。エラーメッセージを読む習慣をつけることで、JavaScriptの理解は大きく深まります。

まとめ

まとめ
まとめ

ここまでJavaScriptの例外処理とErrorオブジェクトの仕組みについて学んできました。JavaScriptにおける例外処理は、プログラムの安全性と信頼性を高めるために欠かせない重要な概念です。特に初心者の方にとっては、エラーが発生すると驚いてしまいがちですが、エラーは決して怖い存在ではありません。むしろ、JavaScriptの理解を深めるための大切なヒントです。

まず、JavaScriptの例外とは、プログラムの実行中に発生する予期しない問題のことでした。そしてその中心にあるのがErrorオブジェクトです。Errorオブジェクトは、エラーの種類を示すnameプロパティや、エラー内容を示すmessageプロパティを持っています。これらを正しく読み取ることで、デバッグの効率は大きく向上します。

try catch文は、JavaScriptの例外処理の基本構文です。tryの中に通常の処理を書き、問題が発生した場合にはcatchで受け止めます。この構造を理解することで、エラーが発生してもアプリケーション全体が停止するのを防ぐことができます。さらにfinallyを使えば、エラーの有無に関わらず必ず実行される後処理を書くことができます。これはWeb開発やフロントエンド開発、バックエンド開発においても非常に重要です。

また、throwを使うことで独自の例外を発生させることができました。入力値の検証や業務ロジックのチェックなど、実務レベルのJavaScriptプログラミングでは必須のテクニックです。意図的にエラーを発生させることで、バグを未然に防ぎ、より堅牢なコードを書くことができます。

ReferenceErrorやTypeErrorなど、代表的なエラーの種類を理解しておくことも重要です。エラーメッセージを正しく読む力は、JavaScript初心者から中級者へ成長するための大きなステップです。エラー処理、デバッグ、例外処理の知識は、実務で必ず役立ちます。

ここで、例外処理の流れを総復習するサンプルプログラムを確認しましょう。


function divide(a, b) {
  if (b === 0) {
    throw new Error("ゼロで割ることはできません");
  }
  return a / b;
}

try {
  const result = divide(10, 0);
  console.log("計算結果は" + result + "です");
} catch (error) {
  console.log("計算中にエラーが発生しました");
  console.log(error.name);
  console.log(error.message);
} finally {
  console.log("計算処理を終了します");
}

実行結果


計算中にエラーが発生しました
Error
ゼロで割ることはできません
計算処理を終了します

このように、throwで例外を発生させ、try catchで受け取り、finallyで後処理を行う流れが、JavaScriptの例外処理の基本形です。Errorオブジェクトの理解、try catch finallyの構文理解、throwによる独自エラー生成、この三つを押さえておけば、JavaScriptのエラー処理は怖くありません。

例外処理を正しく実装することは、ユーザー体験の向上にもつながります。エラーが発生しても画面が止まらず、適切なメッセージを表示できるアプリケーションは信頼されます。JavaScriptの例外処理、Errorオブジェクト、try catch、throw、finallyを繰り返し練習し、エラーメッセージを読む習慣を身につけていきましょう。

先生と生徒の振り返り会話

生徒

今日はJavaScriptの例外処理とErrorオブジェクトの仕組みを学びました。エラーはただの失敗ではなく、問題の場所を教えてくれる大切な情報だと分かりました。

先生

その通りです。JavaScriptのtry catchやthrowを正しく使えば、エラーは制御できるものになります。Errorオブジェクトのnameやmessageを読むことも重要でしたね。

生徒

はい。ReferenceErrorやTypeErrorの違いも理解できました。エラーメッセージをしっかり読むことがデバッグの第一歩ですね。

先生

素晴らしい理解です。JavaScriptの例外処理は初心者にとって難しく感じますが、仕組みを知れば怖くありません。これからも実際にコードを書きながらtry catch finallyを練習していきましょう。

生徒

はい。エラーを避けるのではなく、エラーから学ぶ姿勢を大切にしていきます。

カテゴリの一覧へ
新着記事
New1
TypeScript
TypeScriptのインターフェースとクラスの使い分けを徹底解説!初心者でも理解できるオブジェクト指向入門
New2
TypeScript
TypeScriptでtypeof・instanceofを使った型チェックの書き方
New3
TypeScript
TypeScriptでAPIエラーを型安全に扱う!初心者向け例外処理と設計ガイド
New4
JavaScript
JavaScriptのオブジェクトのプロパティ名を取得する方法(Object.keys, Object.values, Object.entries)初心者でもわかる解説
人気記事
No.1
Java&Spring記事人気No1
JavaScript
JavaScriptのインストール方法まとめ!Windows・Mac・Linux別にステップ解説
No.2
Java&Spring記事人気No2
JavaScript
JavaScriptで現在のURLを取得する基本を徹底解説 location.hrefの使い方入門
No.3
Java&Spring記事人気No3
TypeScript
TypeScriptでコメントを書く正しい書き方と使い分け【初心者向けにやさしく解説】
No.4
Java&Spring記事人気No4
TypeScript
TypeScriptのエラーハンドリング入門!例外処理とErrorオブジェクトを徹底解説
No.5
Java&Spring記事人気No5
JavaScript
JavaScriptプログラムの実行方法まとめ!ブラウザ・Node.js・コンソールの使い方
No.6
Java&Spring記事人気No6
JavaScript
JavaScriptの数値フォーマット(小数点以下の桁数調整)を学ぼう
No.7
Java&Spring記事人気No7
JavaScript
JavaScriptでクエリパラメータを取得する方法を完全解説 URLSearchParamsの使い方を初心者向けに丁寧に説明
No.8
Java&Spring記事人気No8
TypeScript
TypeScriptで独自エラークラスを定義する方法!エラーハンドリングを初心者向けに徹底解説