ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript 高度なプログラミング読書メモ (20) js エラー処理_javascript スキル
JavaScript 高度なプログラミング読書メモ (20) js エラー処理_javascript スキル
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-05-16 17:50:501199ブラウズ
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 を返すだけです。
コードをコピー
i) エラー メッセージ - 特定のエラーについて、ブラウザには同じ情報が表示されます
ii) URL - どのファイルでエラーが発生したか
iii) 行番号 - 指定された URL 内でエラーが発生した行番号。
コードをコピー
コードをコピーします
コードをコピー
コードは次のとおりです。
画像エラーテスト
注: window オブジェクトの onerror イベント ハンドラーとは異なり、画像の onerror イベントには追加情報のパラメーターがありません。
1.3 構文エラーの処理
onerror イベント ハンドラーは例外を処理できるだけでなく、構文エラーも処理できます。また、onerror イベント ハンドラーだけが例外を処理できます。
まず、イベント ハンドラーはページに表示される最初のコードである必要があります。イベント ハンドラーを設定する前に構文エラーが発生すると、イベント ハンドラーは役に立たなくなります。構文エラーがあると、コードの実行が完全に停止する可能性があることに注意してください。例:
1. 構文エラー: 解析エラーとも呼ばれ、従来の言語のコンパイル中および JavaScript での解釈中に発生します。これらのエラーは、コード内の予期しない文字によって直接引き起こされるため、直接コンパイル/解釈することはできません。構文エラーが発生すると、コードの実行を続行できなくなります。 JavaScript では、同じスレッド内のコードのみが構文エラーの影響を受けます。他のスレッドおよび他の外部参照ファイル内のコードは、エラーを含むコードに依存していない場合は実行を続行できます。
2. 実行時エラー：例外（例外、コンパイル中/インタプリタ後）とも呼ばれます。現時点では、問題はコードの構文にあるのではなく、場合によっては不正な操作を完了しようとすることにあります。例外は例外が発生したスレッドにのみ影響し、他の JavaScript スレッドは通常どおり実行を続けることができます。
2. エラー処理
JavaScript には、BOM の onerror イベント ハンドラー メソッドと ECMAScript の try...catch メソッドという 2 つのエラー処理方法が用意されています。
1. Onerror イベント処理関数
これは、JavaScript によるエラー処理を支援するために使用される最初のメカニズムです。ページで例外が発生すると、ウィンドウ オブジェクトでエラー イベントがトリガーされます。例:
コードをコピー コードは次のとおりです:
window.onerror = function() alert("発生したエラー! ");
body>
上記のコードでは、ページのロード時に存在しない関数を呼び出そうとすると例外がスローされます。 「エラーが発生しました」というエラーメッセージがポップアップ表示されます。ただし、ブラウザのエラー メッセージも表示されます。onerror メソッドから true を返すだけです。
コードをコピー
コードは次のとおりです:
1.1 エラー メッセージを取得します
onerror ハンドラーは、エラーの正確な性質を判断するために 3 種類の情報を提供します。 1.1 エラー メッセージを取得します
i) エラー メッセージ - 特定のエラーについて、ブラウザには同じ情報が表示されます
ii) URL - どのファイルでエラーが発生したか
iii) 行番号 - 指定された URL 内でエラーが発生した行番号。
コードをコピー
コードは次のとおりです。 window.onerror = function(sMessage, sUrl 、iLine) { alert("エラーが発生しました!
" sMessage "nURL:" sUrl "nLine Number:" iLine);
return true; }
1.2 画像読み込みエラー
ウィンドウオブジェクトonerror イベント ハンドラーをサポートする唯一のオブジェクトではありません。ファイルが存在しないなどの理由でイメージが正常にロードされなかった場合、次のようなエラー イベントがトリガーされます。 1.2 画像読み込みエラー
コードをコピーします
コードをコピー
コードは次のとおりです。
注: window オブジェクトの onerror イベント ハンドラーとは異なり、画像の onerror イベントには追加情報のパラメーターがありません。
1.3 構文エラーの処理
onerror イベント ハンドラーは例外を処理できるだけでなく、構文エラーも処理できます。また、onerror イベント ハンドラーだけが例外を処理できます。
まず、イベント ハンドラーはページに表示される最初のコードである必要があります。イベント ハンドラーを設定する前に構文エラーが発生すると、イベント ハンドラーは役に立たなくなります。構文エラーがあると、コードの実行が完全に停止する可能性があることに注意してください。例:
コードをコピー コードは次のとおりです。