JavaScript エラー - スロー、トライ、キャッチ

JavaScript エラー - throw、try、catch

try ステートメントは、コード ブロックのエラーをテストします。

catch ステートメントの処理エラー。

throw ステートメントを使用してカスタム エラーを作成します。

JavaScript エラー

JavaScript エンジンが JavaScript コードを実行するときに、さまざまなエラーが発生する可能性があります。

構文エラーの可能性があります。通常はプログラマによるコーディング エラーまたはタイプミスです。

スペルの間違い、または言語の機能が欠落している可能性があります (ブラウザーの違いが原因である可能性があります)。

サーバーまたはユーザーからの誤った出力が原因でエラーが発生する可能性があります。

もちろん、他の多くの予測不可能な要因が原因である可能性もあります。

JavaScript がエラーをスローする

エラーが発生したり、何か問題が発生したりすると、通常、JavaScript エンジンが停止し、エラー メッセージが生成されます。

この状況を説明する専門用語は、「JavaScript がエラーをスローする」です。

JavaScript try および catch

try ステートメントを使用すると、実行時にエラーがテストされるコード ブロックを定義できます。

catch ステートメントを使用すると、try コード ブロックでエラーが発生したときに実行されるコード ブロックを定義できます。

JavaScript ステートメントの try と catch はペアで表示されます。

構文

try {
//在这里运行代码
}catch(err){
//在这里处理错误}

以下の例では、try ブロックのコードに意図的にタイプミスを記述しています。

catch ブロックは、try ブロック内のエラーをキャッチし、それを処理するコードを実行します。

りー
学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function myFunction(){ try{ var x=document.getElementById("demo").value; if(x=="") throw "值为空"; if(isNaN(x)) throw "不是数字"; if(x>10) throw "太大"; if(x<5) throw "太小"; } catch(err){ var y=document.getElementById("mess"); y.innerHTML="错误:" + err + "。"; } } </script> </head> <body> <h1>我的第一个 JavaScript</h1> <p>请输出一个 5 到 10 之间的数字:</p> <input id="demo" type="text"> <button type="button" onclick="myFunction()">测试输入</button> <p id="mess"></p> </body> </html>