JavaScript 錯誤 - throw、try 和 catch
try 語句測試代碼塊的錯誤。
catch 語句處理錯誤。
throw 語句創建自定義錯誤。
finally 語句在 try 和 catch 語句之後,無論是否有觸發異常,該語句都會執行。
JavaScript 錯誤
當 JavaScript 引擎執行 JavaScript 代碼時,會發生各種錯誤。
可能是語法錯誤,通常是程式員造成的編碼錯誤或錯別字。
可能是拼寫錯誤或語言中缺少的功能(可能由於流覽器差異)。
可能是由於來自伺服器或用戶的錯誤輸出而導致的錯誤。
當然,也可能是由於許多其他不可預知的因素。
JavaScript 拋出(throw)錯誤
當錯誤發生時,當事情出問題時,JavaScript 引擎通常會停止,並生成一個錯誤消息。
描述這種情況的技術術語是:JavaScript 將拋出一個錯誤。
JavaScript try 和 catch
try 語句允許我們定義在執行時進行錯誤測試的代碼塊。
catch 語句允許我們定義當 try 代碼塊發生錯誤時,所執行的代碼塊。
JavaScript 語句 try 和 catch 是成對出現的。
語法
try {
... //異常的拋出
} catch(e) {
... //異常的捕獲與處理
} finally {
... //結束處理
}
實例
在下面的例子中,我們故意在 try 塊的代碼中寫了一個錯字。
catch 塊會捕捉到 try 塊中的錯誤,並執行代碼來處理它。
實例
var txt="";
function message()
{
try {
adddlert("Welcome guest!");
} catch(err) {
txt="本頁有一個錯誤。\n\n";
txt+="錯誤描述:" + err.message + "\n\n";
txt+="點擊確定繼續。\n\n";
alert(txt);
}
}
finally 語句
finally 語句不論之前的 try 和 catch 中是否產生異常都會執行該代碼塊。實例
function myFunction() {
var message, x;
message = document.getElementById("p01");
message.innerHTML = "";
x = document.getElementById("demo").value;
try {
if(x == "") throw "值是空的";
if(isNaN(x)) throw "值不是一個數字";
x = Number(x);
if(x > 10) throw "太大";
if(x < 5) throw "太小";
}
catch(err) {
message.innerHTML = "錯誤: " + err + ".";
}
finally {
document.getElementById("demo").value = "";
}
}
Throw 語句
throw 語句允許我們創建自定義錯誤。
正確的技術術語是:創建或拋出異常(exception)。
如果把 throw 與 try 和 catch 一起使用,那麼您能夠控制程式流,並生成自定義的錯誤消息。
語法
throw exception
異常可以是 JavaScript 字串、數字、邏輯值或對象。
實例
本例檢測輸入變數的值。如果值是錯誤的,會拋出一個異常(錯誤)。catch 會捕捉到這個錯誤,並顯示一段自定義的錯誤消息:
實例
function myFunction() {
var message, x;
message = document.getElementById("message");
message.innerHTML = "";
x = document.getElementById("demo").value;
try {
if(x == "") throw "值為空";
if(isNaN(x)) throw "不是數字";
x = Number(x);
if(x < 5) throw "太小";
if(x > 10) throw "太大";
}
catch(err) {
message.innerHTML = "錯誤: " + err;
}
}
請注意,如果 getElementById 函數出錯,上面的例子也會拋出一個錯誤。