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イベントハンドラはその歴史的な出発点となる重要な仕組みです。
-
JavaScriptのgetTime()メソッドとは?使い方とサンプルコードを解説
getTime()メソッドとはJavaScriptのgetTime()メソッドは、1970年1月1日0時0分0秒(UTC、いわゆる「エポック」)から経過した時間をミリ秒単位で返すDateオブジェクトのメソッドです。この値はUnixタイムスタンプとしても知られており、日付の比較や計算、有効期限の管理など、さまざまな場面で活用されています。以下に、getTime()メソッドを使った具体的なサンプルコードを紹介します。サンプルコード<!DOCTYPE html> <html lang="ja"> <head> <meta charset=
-
JavaScriptのsort()メソッドとは?配列ソートの基本と比較関数の使い方を解説
JavaScriptのsort()メソッドは、配列の要素を並べ替えるための組み込みメソッドです。アルファベット順・数値順といった並べ替えの基準に加え、昇順・降順も自由に指定できます。デフォルトでは要素が文字列として比較され昇順にソートされますが、比較関数を渡すことで任意の順序を実現できます。 なお、sort()は元の配列そのものを変更する「破壊的メソッド」である点にも注意しましょう。元の配列を保持したい場合は、スプレッド構文([...arr])などで事前にコピーしておくのが安全です。 コード例 以下は、sort()メソッドを使って配列をソートするシンプルなサンプルコードです。 <!DO