カテゴリ: JavaScript 更新日: 2026/08/09

JavaScriptでエラーを発生させる方法を完全解説!初心者でもわかるthrow文の基本

JavaScriptでエラーを発生させる方法(throw文の基本)
JavaScriptでエラーを発生させる方法(throw文の基本)

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

生徒

「先生、JavaScriptで自分からエラーを出すことってできるんですか?」

先生

「できます。それがthrow文です。プログラムの途中で条件を確認して、問題があれば意図的にエラーを発生させることができます。」

生徒

「なるほど。例えば、ユーザーが入力した値がおかしかったときに使うんですか?」

先生

「その通りです。ユーザー入力のチェックや、予期しない状況をプログラムが処理できないときにthrow文でエラーを出すと安全です。」

1. throw文とは何か?

1. throw文とは何か?
1. throw文とは何か?

JavaScriptのthrow文は、プログラムの任意の場所でエラーを発生させるための文です。エラーを発生させることで、その後の処理を止めたり、try...catch文でエラーを受け取って安全に処理したりできます。例えると、車の運転中に異常があったら警告ランプを点灯させて停止するようなものです。

2. 基本的なthrow文の使い方

2. 基本的なthrow文の使い方
2. 基本的なthrow文の使い方

最もシンプルなthrow文は、文字列やエラーオブジェクトを投げることができます。


throw "これはエラーです";

上記のコードを実行すると、コンソールにエラーが表示され、プログラムはそこで止まります。文字列以外にも、Errorオブジェクトを投げることもできます。


throw new Error("これはErrorオブジェクトのエラーです");

3. throw文と条件分岐を組み合わせる

3. throw文と条件分岐を組み合わせる
3. throw文と条件分岐を組み合わせる

入力値や条件を確認して、必要なときだけエラーを発生させるのが実務ではよくある使い方です。


let age = -5;
if (age < 0) {
  throw new Error("年齢が0未満です");
}

この例では、ageがマイナスの場合にエラーを発生させています。ユーザーに間違った値を入力されたときに、プログラムがそのまま進むのを防ぐことができます。

4. try...catchでエラーを受け取る

4. try...catchでエラーを受け取る
4. try...catchでエラーを受け取る

エラーを投げるだけだとプログラムは停止します。そこでtry...catch文を使って、エラーが発生したときに安全に処理することができます。


try {
  throw new Error("何か問題が起きました");
} catch (e) {
  console.log("エラーをキャッチしました:", e.message);
}

この場合、プログラムは止まらず、catchブロックでエラー内容を受け取り、ログに表示しています。

5. throw文で投げるオブジェクトの種類

5. throw文で投げるオブジェクトの種類
5. throw文で投げるオブジェクトの種類

throw文では文字列のほか、組み込みのErrorオブジェクトや、自作のオブジェクトも投げることができます。


throw { code: 404, message: "データが見つかりません" };

自作オブジェクトを投げると、catchで複数の情報を受け取ることができ、エラー処理の柔軟性が高まります。

6. 関数内でのthrow文の使い方

6. 関数内でのthrow文の使い方
6. 関数内でのthrow文の使い方

関数の中でエラーを発生させることで、呼び出し元にエラー情報を伝えることができます。


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

try {
  console.log(divide(10, 0));
} catch (e) {
  console.log("エラー:", e.message);
}

この例では、0で割ろうとした場合にthrowでエラーを発生させ、try...catchで安全に処理しています。

7. まとめに向けてのポイント整理

7. まとめに向けてのポイント整理
7. まとめに向けてのポイント整理

JavaScriptのthrow文は、意図的にエラーを発生させるための重要な機能です。条件を確認してエラーを投げたり、try...catchで受け取ったりすることで、プログラムの安全性を高めることができます。文字列、Errorオブジェクト、自作オブジェクトなど、投げる対象を選べる点もポイントです。

初心者でも、まずは文字列やErrorオブジェクトをthrowで投げて、try...catchで受け取る練習をするのがおすすめです。

8. 実践!簡単なエラー処理例まとめ

8. 実践!簡単なエラー処理例まとめ
8. 実践!簡単なエラー処理例まとめ

最後に、初心者でもすぐに試せるシンプルなthrow文の例をまとめてみましょう。


let score = 150;
if (score > 100) {
  throw new Error("スコアが100を超えています");
}

try {
  let input = "";
  if (!input) {
    throw "入力が空です";
  }
} catch (e) {
  console.log("エラーを処理しました:", e);
}

このように、throw文を使うと条件に応じた安全なエラー処理が可能です。プログラミング初心者でも、簡単な例から練習することでthrow文の理解が深まります。

まとめ

まとめ
まとめ

今回の記事では、JavaScriptのthrow文を使ったエラーの発生方法と、try...catchによるエラー処理の基本について詳しく解説しました。throw文を活用することで、プログラム中の任意の場所でエラーを発生させ、意図しない処理の進行を防ぐことができます。特にユーザー入力の検証や、予期せぬ状況でプログラムの安定性を確保する際に非常に有用です。文字列やErrorオブジェクト、自作オブジェクトなどを投げることができるため、柔軟なエラー管理が可能になります。また、try...catchを併用することで、エラーが発生してもプログラム全体が停止せずに安全に処理を続けることができます。

実務でも、条件分岐とthrow文を組み合わせることで、入力値の異常や不正なデータの処理を防ぎ、ユーザーやシステムにとって安全なプログラムを構築できます。特に関数内でthrow文を使うことで、呼び出し元にエラー情報を伝達し、再利用可能な安全なコード設計が可能になります。さらに、複数の情報を持つ自作オブジェクトを投げることで、エラー処理の柔軟性を高め、実務レベルの開発にも対応できます。

まとめると、JavaScriptのthrow文は、プログラムの安全性と信頼性を高めるための重要なツールです。初心者でもまずは文字列やErrorオブジェクトをthrowで投げ、try...catchで安全に受け取る練習をすることで、エラー処理の基本をしっかり身につけることができます。条件分岐や関数内でのエラー投げ、そして自作オブジェクトの活用方法を理解することで、より複雑なプログラムでも安全かつ効率的なエラー処理が可能になります。

サンプルプログラムでおさらい

 function checkScore(score) { if (score < 0) { throw new Error("スコアが0未満です"); } else if (score > 100) { throw new Error("スコアが100を超えています"); } return "スコアは正常です: " + score; }
try {
console.log(checkScore(150));
} catch (e) {
console.log("エラー処理:", e.message);
}

try {
console.log(checkScore(-10));
} catch (e) {
console.log("エラー処理:", e.message);
}

try {
console.log(checkScore(80));
} catch (e) {
console.log("エラー処理:", e.message);
}

上記の例では、スコアが範囲外の場合にthrowでエラーを発生させ、try...catchで処理しています。これにより、プログラムは異常値に対応して安全に動作することが確認できます。文字列ではなくErrorオブジェクトを使うことで、エラーの種類やメッセージを整理しやすくなります。

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

生徒

「先生、今回のthrow文の練習で、文字列だけじゃなくてErrorオブジェクトや自作オブジェクトも投げられることがわかりました。どう使い分ければいいですか?」

先生

「基本的には、単純なエラー通知なら文字列でも構いませんが、実務や複雑な処理ではErrorオブジェクトや自作オブジェクトを使う方が便利です。エラーの種類やコードを整理できるので、あとでログ解析やデバッグもしやすくなります。」

生徒

「なるほど。関数の中でthrowして、呼び出し元でtry...catchで受け取るというのも実務でよく使われるんですね。」

先生

「その通りです。関数内でエラーを発生させると、呼び出し元でまとめて安全に処理できます。これを理解すると、条件チェックや入力値の検証など、エラー処理の設計がぐっとわかりやすくなります。」

生徒

「今回のサンプルで、スコアが範囲外のときだけエラーを投げる仕組みも練習できました。これを応用すれば、ユーザー入力のチェックやAPIレスポンスの検証も安全にできますね。」

先生

「その通りです。throw文とtry...catchを組み合わせることで、プログラムの安全性や信頼性を大幅に向上させることができます。まずは小さな例から練習して、慣れていくことが大事です。」

関連記事:
カテゴリの一覧へ
新着記事
New1
JavaScript
JavaScriptのwindow.onloadの使い方と注意点を初心者向けに解説
New2
JavaScript
JavaScriptの条件式でよくあるエラーとその対処法まとめ
New3
TypeScript
TypeScriptの型安全なオブジェクト設計をインターフェースで実現するコツ
New4
Claude Code
Claude Codeでバグの再現手順をまとめるプロンプト例
人気記事
No.1
Java&Spring記事人気No1
JavaScript
JavaScriptのインストール方法まとめ!Windows・Mac・Linux別にステップ解説
No.2
Java&Spring記事人気No2
JavaScript
JavaScriptの比較演算子(==, ===, !=, !==)の違いを初心者向けにわかりやすく解説
No.3
Java&Spring記事人気No3
JavaScript
JavaScriptのReact入門!最初のコンポーネントを作ろう
No.4
Java&Spring記事人気No4
JavaScript
JavaScriptプログラムの実行方法まとめ!ブラウザ・Node.js・コンソールの使い方
No.5
Java&Spring記事人気No5
JavaScript
JavaScriptの配列の一部を切り出す(slice, spliceの使い方)
No.6
Java&Spring記事人気No6
TypeScript
TypeScriptの始め方:開発環境の構築手順【初心者向け】
No.7
Java&Spring記事人気No7
JavaScript
JavaScriptで要素の表示・非表示を切り替える方法(display・visibility)を完全解説
No.8
Java&Spring記事人気No8
JavaScript
JavaScriptのライフサイクルとは?ブラウザでの読み込み順序をやさしく解説