JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでカスタム例外を定義・実装する方法をわかりやすく解説

JavaScriptでは、throw文を使うことで、独自のカスタム例外を定義して発生させることができます。カスタム例外の定義と実装方法を学ぶには、以下のサンプルコードを実際に実行してみてください。

サンプルコード

<html>
   <head>
      <script>
         <!--
            function myFunc() {
               var a = 30;
               var b = 0;

               try{
                  if ( b == 0 ){
                     throw( "ゼロによる除算エラーです。" );
                  } else {
                     var c = a / b;
                  }
               }
               catch ( e ) {
                  alert("エラー: " + e );
               }
            }
         //-->
      </script>
   </head>
   <body>
      <p>以下のボタンをクリックすると結果が表示されます：</p>

      <form>
         <input type = "button" value = "クリックしてください" onclick = "myFunc();" />
      </form>
   </body>
</html>

コードの解説

このサンプルでは、変数bの値が0の場合に、throw文によって「ゼロによる除算エラー」というカスタム例外を意図的に発生させています。数値を0で割ることは数学的に定義されていないため、事前にチェックしてエラーを防ぐのが一般的な手法です。

発生した例外は、直後のcatch ( e )ブロックで受け取られ、変数eに格納されます。そしてalert()を使って「エラー: ゼロによる除算エラーです。」というメッセージが画面に表示されます。

ポイント

throw文には、文字列だけでなく数値やオブジェクトなど任意の値を渡すことができます。より実践的な開発では、Errorオブジェクトを継承した独自の例外クラスを作成し、エラーの種類や詳細情報を構造的に管理する方法も推奨されています。

ボタンをクリックするとmyFunc()が実行され、例外が発生してアラートが表示される流れを、ぜひ実際に確認してみてください。

  1. GatsbyJSサイトにカスタムJavaScriptを追加する方法

    GatsbyJSはReactベースのフレームワークですが、プロジェクトにプレーンな（バニラ）JavaScriptを追加したい場面は意外と多くあります。たとえば、旧サイトからGatsbyへ移行したばかりで、React構文への書き換えがまだ済んでいないカスタムスクリプトが大量にある――そんな経験はありませんか？ 幸い、Gatsbyに素のJavaScriptを追加するのはそれほど難しくありません。ポイントは、デフォルトではプロジェクト内に表示されない html.js というファイルを公開（利用可能な状態に）することです。 html.jsファイルを公開する まず、ターミナルを開き、Gatsbyプロジェ

  2. JavaScriptでカスタムエラーを作成する方法【サンプルコード付き】

    JavaScriptでは、組み込みのErrorクラスを継承することで、アプリケーション固有のカスタムエラーを簡単に定義できます。カスタムエラーを活用すると、エラーの種類や原因を明確に区別でき、デバッグやエラーハンドリングの精度が大きく向上します。 カスタムエラーの基本 カスタムエラーを作成するには、ES6のclass構文でErrorクラスをextendsし、コンストラクタ内でsuper()を呼び出してエラーメッセージを親クラスに受け渡します。さらに、this.nameに独自のエラー名を設定することで、標準のErrorオブジェクトと明確に区別できるようになります。 実装例 以下は、JavaS