JavaScript でグローバルエラーを処理する方法-jsチュートリアル-php.cn

JavaScript でグローバルエラーを処理する方法

青灯夜游

リリース： 2023-01-05 16:10:01

オリジナル

3565 人が閲覧しました

JavaScript では、「window.onerrot」イベントをバインドすることで、ページ上でグローバルエラー処理を実行できます。構文形式は「function 関数名 (msg, url, l, c, error) {//コード} window.onerror = 関数名;"。

JavaScript でグローバルエラーを処理する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript エンジンが JavaScript コードを実行すると、さまざまなエラーが発生します。これは、文法やスペルの間違いである場合もあれば、ブラウザの違い (ブラウザ固有の関数が使用されている場合) である場合もあれば、サーバーが未処理の例外を返す場合もあります。もちろん、他にも予測できない要因はたくさんあります。エラーが発生すると、JavaScript エンジンは後続のコードの実行を中断し、エラーメッセージを生成します。コードをより堅牢にし、予期しないコードの中断を回避するには、さまざまな例外を処理する必要があります。

1. ローカルエラー処理

ローカルエラー処理とは、コードが間違っている可能性があるエラーのキャプチャと処理を指し、プログラマはハードコーディングを実行する必要があります。 JavaScript エラー処理関連のステートメント:

1) try、catch ステートメント、エラーキャプチャステートメント

2) 最終ステートメント、エラーキャプチャ処理後、実行前のステートメントを返す

3 ) throw ステートメント、エラー throw ステートメント

ケース 1:

try {
　　window.abcdefg();
} catch (e) {
　　alert(&#39;发生错误啦，错误信息为：&#39; e.message);
} finally {//总是会被执行
　　alert(&#39;我都会执行！&#39;);
}

ログイン後にコピー

コンソール出力:

エラーが発生しました。エラーメッセージは次のとおりです。 window.abcdefg は関数ではありません
catch の後、return の前に

finally ステートメントを実行します。

ケース 2

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Throw Demo</title>
</head>
<body>
<script>
function myFunction()
{
try
  {
  var x=document.getElementById("demo").value;
  if(x=="")    throw "不能为空";
  if(isNaN(x)) throw "不是有效数字";
  if(x>10)     throw "不能大于10";
  if(x<5)      throw "不能小于5";
  } catch(err) {
  var y=document.getElementById("mess");
  y.innerHTML="Error: " + err + ".";
  }
}
</script>
<p>请输入一个5到10的数字：</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="mess"></p>
</body>
</html>

ログイン後にコピー

throw の機能は、予見可能なエラーまたは予見できないエラーをユーザーが認識できるエラーにエスケープすることです。

[推奨学習: JavaScript 上級チュートリアル ]

2. グローバルエラー処理

フロントのレベルが異なるため-end 開発者、コードの標準化の程度はさまざまで、すべての JavaScript コードにエラー処理があるわけではありません。したがって、JavaScript コードは実行中に予期せぬ例外が発生して予期せず終了することがよくあるため、エラー例外をグローバルにキャプチャし、開発者にコードを変更するよう速やかに通知する必要があります。 window.onerrot イベントがバインドされている限り、ページ上のグローバル js エラーエラー処理を実行できます。コードは次のとおりです:

	function globalErrorHandle(msg,url,l,c,error) {
		console.error("global js error: ", msg, l);
      		// TODO other things.
	}
	window.onerror = globalErrorHandle;

ログイン後にコピー

window.onerrot イベントをバインドすると、globalErrorHandle が呼び出されます。 js エラーが報告された場合:

msg: エラーメッセージ
url: エラーページの URL
##l: コードエラー行番号
error: エラーオブジェクト

ユースケース 1上記のグローバルエラーをキャプチャするためのコードは次のとおりです:

JavaScript でグローバルエラーを処理する方法コンソール出力:

3. エラー報告モジュールの設計

グローバルエラー処理ができないブロッキングコードが予期せず終了します。つまり、js の実行中にエラーが報告され、try-catch エラー処理がない場合、globalErrorHandle が呼び出されますが、後続のコードは終了します。予期せず実行されません。したがって、グローバルエラー処理は、グローバルエラーの記録と報告に重点を置いています。通常、次の 3 つのことが行われます: