ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 高度なプログラミング読書メモ (20) js エラー処理_javascript スキル

JavaScript 高度なプログラミング読書メモ (20) js エラー処理_javascript スキル

WBOY
リリース: 2016-05-16 17:50:50
オリジナル
1170 人が閲覧しました
1. エラーの分類

1. 構文エラー: 解析エラーとも呼ばれ、従来の言語のコンパイル中および JavaScript での解釈中に発生します。これらのエラーは、コード内の予期しない文字によって直接引き起こされるため、直接コンパイル/解釈することはできません。構文エラーが発生すると、コードの実行を続行できなくなります。 JavaScript では、同じスレッド内のコードのみが構文エラーの影響を受けます。他のスレッドおよび他の外部参照ファイル内のコードは、エラーを含むコードに依存していない場合は実行を続行できます。
2. 実行時エラー:例外(例外、コンパイル中/インタプリタ後)とも呼ばれます。現時点では、問題はコードの構文にあるのではなく、場合によっては不正な操作を完了しようとすることにあります。例外は例外が発生したスレッドにのみ影響し、他の JavaScript スレッドは通常どおり実行を続けることができます。

2. エラー処理


JavaScript には、BOM の onerror イベント ハンドラー メソッドと ECMAScript の try...catch メソッドという 2 つのエラー処理方法が用意されています。
1. Onerror イベント処理関数
これは、JavaScript によるエラー処理を支援するために使用される最初のメカニズムです。ページで例外が発生すると、ウィンドウ オブジェクトでエラー イベントがトリガーされます。例:

コードをコピー コードは次のとおりです:


onerror 例
window.onerror = function() alert("発生したエラー! ");


body>




上記のコードでは、ページのロード時に存在しない関数を呼び出そうとすると例外がスローされます。 「エラーが発生しました」というエラーメッセージがポップアップ表示されます。ただし、ブラウザのエラー メッセージも表示されます。onerror メソッドから true を返すだけです。




コードをコピー
コードは次のとおりです:



1.1 エラー メッセージを取得します
onerror ハンドラーは、エラーの正確な性質を判断するために 3 種類の情報を提供します。
i) エラー メッセージ - 特定のエラーについて、ブラウザには同じ情報が表示されます
ii) URL - どのファイルでエラーが発生したか
iii) 行番号 - 指定された URL 内でエラーが発生した行番号。




コードをコピー
コードは次のとおりです。 window.onerror = function(sMessage, sUrl 、iLine) { alert("エラーが発生しました! " sMessage "nURL:" sUrl "nLine Number:" iLine);
return true;
}



1.2 画像読み込みエラー
ウィンドウオブジェクトonerror イベント ハンドラーをサポートする唯一のオブジェクトではありません。ファイルが存在しないなどの理由でイメージが正常にロードされなかった場合、次のようなエラー イベントがトリガーされます。



コードをコピーします

コードをコピー

コードは次のとおりです。
画像エラーテスト




注: window オブジェクトの onerror イベント ハンドラーとは異なり、画像の onerror イベントには追加情報のパラメーターがありません。

1.3 構文エラーの処理

onerror イベント ハンドラーは例外を処理できるだけでなく、構文エラーも処理できます。また、onerror イベント ハンドラーだけが例外を処理できます。
まず、イベント ハンドラーはページに表示される最初のコードである必要があります。イベント ハンドラーを設定する前に構文エラーが発生すると、イベント ハンドラーは役に立たなくなります。構文エラーがあると、コードの実行が完全に停止する可能性があることに注意してください。例:
コードをコピー コードは次のとおりです。

>
onError の例
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート