独自エラー(カスタムエラークラス)を作ろう

このレッスンでは、JavaScriptでカスタムエラークラスを作る方法を学び、エラーの種類を分かりやすく区別できるようになることを目標にします。「JavaScript カスタムエラー 作り方」「JavaScript Error extends」で調べている方向けです。

Errorクラスをextendsすると、自分だけの「専用のエラー」を作れます。エラーの種類ごとに名前を付けておくと、catchしたときにどんな問題が起きたか判別しやすくなります。「入力値が不正なエラー」と「通信に失敗したエラー」を区別できれば、それぞれに合った対応(メッセージ表示や再試行など)をコードで書き分けられるようになります。

サンプルコードでは、Errorを継承したValidationErrorというクラスを作り、this.nameに独自の名前を設定しています。checkAge関数の中で年齢が不正な場合にthrow new ValidationError(...)としてこのエラーを発生させ、catchブロックでe.nameとe.messageを確認しています。

初心者がよくつまずくのが、super(message)を呼び忘れて、エラーメッセージが正しく設定されないケースです。カスタムエラーを作るときも、通常のクラス継承と同じく親クラス(Error)のconstructorを必ず呼び出す必要があります。エラークラスを増やしすぎて種類が把握しきれなくなる点にも注意しましょう。

実際の開発現場では、規模の大きいアプリケーションほど、発生しうるエラーの種類ごとにカスタムエラークラスを用意しておくことが多くあります。エラーの種類によってログの出し方やユーザーへの表示メッセージを変えられるため、保守性の高いエラー処理を実現するための重要な設計手法です。