JavaScript try/catch/finally 語句

定義和用法

try/catch/finally 語句處理代碼塊中可能發生的部分或全部錯誤，同時仍在運行代碼。

錯誤可能是程序員造成的編碼錯誤、錯誤輸入導致的錯誤以及其他不可預見的情況。

try 語句允許您定義要在執行時測試錯誤的代碼塊。

如果 try 塊中發生錯誤，catch 語句允許您定義要執行的代碼塊。

finally 語句允許您在 try 和 catch 之后執行代碼，而不管結果如何。

注釋：catch 和 finally 語句都是可選的，但是在使用 try 語句時需要使用其中之一（如果不是同時使用）。

提示：當發生錯誤時，JavaScript 通常會停止，并生成錯誤消息。請使用 throw 語句創建自定義錯誤（拋出異常）。如果將 throw 與 try 和 catch 一起使用，則可以控制程序流并生成自定義錯誤消息。

有關 JavaScript 錯誤的更多知識，請學習 JavaScript 錯誤教程。

實例

在這個例子中，我們在代碼中（在 try 塊中）打錯了字。

本例應提示 "Welcome guest!"，但 alert 拼寫錯誤。

catch 塊會捕獲錯誤，并執行代碼來處理它：

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
try {
  adddlert("Welcome guest!");
}
catch(err) {
  document.getElementById("demo").innerHTML = err.message;
}
</script>
</body>
</html>

親自試一試

頁面下方有更多 TIY 實例。

語法

try {
  tryCode - Block of code to try
}
catch(err) {
  catchCode - Block of code to handle errors
} 
finally {
  finallyCode - Block of code to be executed regardless of the try / catch result
}

參數值

參數 描述
tryCode 必需。在執行時要測試錯誤的代碼塊。
err 必需，如果與 catch 一起使用。指定引用錯誤的局部變量。該變量可以引用 Error 對象（包含有關發生錯誤的信息，例如消息 "'addlert' is not defined"）。如果異常是由 throw 語句創建的，則該變量指的是 throw 語句中指定的對象（請參見“更多實例”）。
catchCode 可選。如果在 try 塊中發生錯誤，要執行的代碼塊。如果未發生錯誤，則永遠不會執行此代碼塊。
finallyCode 可選。無論 try / catch 結果如何，都要執行的代碼塊。

技術細節

JavaScript 版本： ECMAScript 3

更多實例

實例

本例檢查輸入。如果值是錯的，則拋出異常 (err)。

catch 語句捕獲異常 (err) 并顯示自定義錯誤消息：

<!DOCTYPE html>
<html>
<body>
<p>Please input a number between 5 and 10:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="message"></p>
<script>
function myFunction() {
  var message, x;
  message = document.getElementById("message");
  message.innerHTML = "";
  x = document.getElementById("demo").value;
  try { 
    if(x == "") throw "is Empty";
    if(isNaN(x)) throw "not a number";
    if(x > 10) throw "too high";
    if(x < 5) throw "too low";
  }
  catch(err) {
    message.innerHTML = "Input " + err;
  }
}
</script>
</body>
</html>

親自試一試

實例

finally 語句讓你在 try 和 catch 之后執行代碼，而不管結果如何：

function myFunction()
  var message, x;
  message = document.getElementById("message");
  message.innerHTML = "";
  x = document.getElementById("demo").value;
  try { 
    if(x == "") throw "Empty";
    if(isNaN(x)) throw "Not a number";
    if(x > 10) throw "Too high";
    if(x < 5) throw "Too low";
  }
  catch(err) {
    message.innerHTML = "Error: " + err + ".";
  }
  finally {
    document.getElementById("demo").value = "";
  }
}

親自試一試

瀏覽器支持

語句 Chrome IE Firefox Safari Opera
try/catch/finally 支持 支持 支持 支持 支持

相關頁面

JavaScript 教程：JavaScript 錯誤

JavaScript 參考手冊：JavaScript throw 語句