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

JavaScriptのonerror()メソッドとは?エラー処理の基本を解説

onerrorイベントハンドラは、JavaScriptにおいて最初に提供されたエラー処理のための機能です。ページ上で例外が発生するたびに、windowオブジェクトに対してエラーイベントが発火します。

このイベントハンドラを利用することで、スクリプト実行中に予期しないエラーが発生した際に、ユーザーへ通知を表示したり、エラー内容をログに記録したりといった対応が可能になります。

サンプルコード

以下のコードを実行して、JavaScriptにおけるonerror()メソッドの実装を試してみてください。

<html>
   <head>
      <script>
         <!--
            window.onerror = function () {
               alert("An error occurred.");
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following to see the result:</p>

      <form>
         <input type = "button" value = "Click Me" onclick = "myFunc();" />
      </form>
   </body>
</html>

この例では、ボタンをクリックすると未定義の関数myFunc()が呼び出されるため、エラーが発生します。するとwindow.onerrorに登録された関数が実行され、「An error occurred.(エラーが発生しました)」というアラートが表示されます。

なお、現代のJavaScript開発では、より柔軟なエラー処理としてtry...catch文やwindow.addEventListener('error', ...)の利用が一般的ですが、onerrorイベントハンドラはその歴史的な出発点となる重要な仕組みです。

  1. JavaScriptのgetTime()メソッドとは?使い方とサンプルコードを解説

    getTime()メソッドとはJavaScriptのgetTime()メソッドは、1970年1月1日0時0分0秒(UTC、いわゆる「エポック」)から経過した時間をミリ秒単位で返すDateオブジェクトのメソッドです。この値はUnixタイムスタンプとしても知られており、日付の比較や計算、有効期限の管理など、さまざまな場面で活用されています。以下に、getTime()メソッドを使った具体的なサンプルコードを紹介します。サンプルコード<!DOCTYPE html> <html lang="ja"> <head> <meta charset=

  2. JavaScriptのsort()メソッドとは?配列ソートの基本と比較関数の使い方を解説

    JavaScriptのsort()メソッドは、配列の要素を並べ替えるための組み込みメソッドです。アルファベット順・数値順といった並べ替えの基準に加え、昇順・降順も自由に指定できます。デフォルトでは要素が文字列として比較され昇順にソートされますが、比較関数を渡すことで任意の順序を実現できます。 なお、sort()は元の配列そのものを変更する「破壊的メソッド」である点にも注意しましょう。元の配列を保持したい場合は、スプレッド構文([...arr])などで事前にコピーしておくのが安全です。 コード例 以下は、sort()メソッドを使って配列をソートするシンプルなサンプルコードです。 <!DO