JavaScript フォールトトレラント処理コード (JS エラーのシールド)_JavaScript スキル

外国銀行のページにこのようなエラーがあるため、多くのユーザーが失われ、外国銀行のオンライン バンキングを利用することを恐れ、多額の損失が発生しています。

つまり、ユーザー エクスペリエンスと会社の強みの観点からは、発生することは許されない間違いです。たとえそれが使用に影響を与えず、ユーザーを怒らせなかったとしても、Script House は常に、すべての人にとってより良いコードを改善することに取り組んできました。ということで、ここではよく使われるコードとその使い方を整理していきますので、今後とも皆様のますますのご支援、ご協力を賜りますようお願い申し上げます。

最初のタイプ: Script House も使用します

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

使用方法: 上記のコードをエラー Web ページの先頭領域に追加するだけです。

2 番目のタイプ: スクリプトエラーにより閲覧できない場合があるページを対象としています。この問題は非常に深刻であり、その結果、ユーザーが大量に失われるか、使用不能になります。
これは単純なスクリプト エラーの問題ではありません。主な理由は、コードの作成者が完全性を考慮していないことです。しかし、本当に修正する方法がわからない場合は、注意してください。このようなコードを使用して
try...catch を使用すると、コード内のエラーをテストできます。 try セクションには実行する必要があるコードが含まれ、catch セクションにはエラーが発生したときに実行されるコードが含まれます。
構文:

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

try
{
//ここでコードを実行します
}
catch(err)
{
//ここでエラーを処理します
}

注: 試してみてください。 .catch は小文字を使用します。大文字は間違ってしまいます。
例 1
次の例は元々、ユーザーがボタンをクリックしたときに「ようこそゲスト!」というメッセージを表示するために使用されていました。ただし、me​​ssage()関数内のalert()が誤ってaddlert()と書かれています。この時点でエラーが発生しました:

<input type="button" value="View message" onclick="message()">
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

try.. .catch ステートメントを追加すると、エラーが発生したときにより適切なアクションを実行できます。
次の例では、try...catch ステートメントを使用してスクリプトを再変更します。誤ってalert()を記述したためにエラーが発生しました。ただし、今回は、catch セクションがエラーをキャッチし、準備されたコードで処理します。このコードは、何が起こったかをユーザーに知らせるためのカスタム エラー メッセージを表示します。

<input type="button" value="View message" onclick="message()">
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

例2

次へ 例では、[OK] ボタンをクリックしてページの閲覧を続けるか、エラーが発生した場合に [キャンセル] ボタンをクリックしてホームページに戻るかをユーザーが選択できる確認ボックスを表示します。 confirm メソッドの戻り値が false の場合、コードはユーザーを別のページにリダイレクトします。確認メソッドが true を返した場合、コードは何も行いません。 <input type="button" value="View message" onclick="message()">

[Ctrl A すべて選択 注:
外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

その他の関連 JS フォールト トレランス処理については、次の 2 つの記事を参照してください:
JavaScript Try...Catch ステートメントJavaScript フォールト トレランス例外処理