JavaScript 錯誤 - throw、try 和 catch

try 語句測試程式碼區塊的錯誤。

catch 語句處理錯誤。

throw 語句建立自訂錯誤。

 JavaScript 錯誤

當 JavaScript 引擎執行 JavaScript 程式碼時,會發生各種錯誤。

可能是語法錯誤,通常是程式設計師造成的編碼錯誤或錯字。

可能是拼字錯誤或語言中缺少的功能(可能由於瀏覽器差異)。

可能是由於來自伺服器或使用者的錯誤輸出而導致的錯誤。

當然,也可能是由於許多其他不可預測的因素。

JavaScript 拋出(throw)錯誤

當錯誤發生時,當事情出問題時,JavaScript 引擎通常會停止,並產生錯誤訊息。

描述這種情況的技術術語是:JavaScript 將會拋出一個錯誤。

JavaScript try 和 catch

try 語句允許我們定義在執行時進行錯誤測試的程式碼區塊。

catch 語句允許我們定義當 try 程式碼區塊發生錯誤時,所執行的程式碼區塊。

JavaScript 語句 try 和 catch 是成對出現的。

語法

try {
//在這裡執行程式碼
} catch(err) {
//在這裡處理錯誤
}

實例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
    function message()
    {
    try
    {
    adlert("Hello World!");
    }
    catch(err)
    {
    alert("错啦!");
    }
    }
</script>
</head>
<body>
  <input type = "button" value = "点击" onclick = "message()">
</body>
</html>

Throw 語句

throw 語句允許我們建立自訂錯誤。

正確的技術術語是:建立或拋出異常(exception)。

如果把 throw 與 try 和 catch 一起使用,那麼您能夠控製程式流程,並產生自訂的錯誤訊息。

語法

throw exception

#異常可以是 JavaScript 字串、數字、邏輯值或物件。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
<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>
<p>请输出一个 50 到 100 之间的数字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">请输入</button>
<p id="mess"></p>
</body>
</html>


#
繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function message() { try { adlert("Hello World!"); } catch(err) { alert("错啦!"); } } </script> </head> <body> <input type = "button" value = "点击" onclick = "message()"> </body> </html>