JavaScript 錯誤 – Throw、Try 和 Catch

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

catch 語句處理錯誤。

throw 語句建立自定義錯誤。

finally 語句在 try 和 catch 語句之後,無論是否有觸發異常,該語句都會執行。


JavaScript 錯誤

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

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

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

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

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


JavaScript 丟擲(throw)錯誤

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

描述這種情況的技術術語是:JavaScript 將丟擲一個錯誤。


JavaScript try 和 catch

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

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

JavaScript 語句 trycatch 是成對出現的。

語法

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 函數出錯,上面的例子也會丟擲一個錯誤。