當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript try/catch/finally 语句

發布時間：2025/6/15 javascript 18 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript try/catch/finally 语句小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

實例

在下面的例子中，我們故意在 try 塊的代碼中寫了一個錯字。

該實例本應該提醒"歡迎光臨！"，但彈出的是拼寫錯誤信息。

catch 塊會捕捉到 try 塊中的錯誤，并執行代碼來處理它：

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
try {
??? adddlert("歡迎光臨！");
}
catch(err) {
??? document.getElementById("demo").innerHTML = err.message;
}
</script>

</body>
</html>
嘗試一下 ?

本文底部包含了更多實例

定義和用法

try/catch/finally 語句用于處理代碼中可能出現的錯誤信息。

錯誤可能是語法錯誤，通常是程序員造成的編碼錯誤或錯別字。也可能是拼寫錯誤或語言中缺少的功能（可能由于瀏覽器差異）。

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

catch?語句允許我們定義當?try?代碼塊發生錯誤時，所執行的代碼塊。

finally?語句在 try 和 catch 之后無論有無異常都會執行。

注意：?catch 和 finally 語句都是可選的，但你在使用 try 語句時必須至少使用一個。

提示：?當錯誤發生時， JavaScript 會停止執行，并生成一個錯誤信息。使用?throw?語句來創建自定義消息(拋出異常)。如果你將?throw和?try?、?catch一起使用，就可以控制程序輸出的錯誤信息。

更多關于 JavaScript 錯誤，請參閱我們的?JavaScript 錯誤?教程。

瀏覽器支持

語句 ? ? ? ? ?

try/catch/finally

Yes

語法

try {
????tryCode - 嘗試執行代碼塊
}
catch(err) {
????catchCode - 捕獲錯誤的代碼塊
}?
finally {
????finallyCode - 無論 try / catch 結果如何都會執行的代碼塊
}

參數值

參數描述

tryCode	必須。檢查是否有錯誤的代碼塊。
err	必須(如果使用 catch)。指定局部變量應用的錯誤。該變量可以引用 Error 對象 (包含發生的錯誤信息，如 "'addlert' 沒有定義")。如果異常通過 throw 語句創建，該變量引用了為在throw語句中指定的對象 (查看 "更多實例")
catchCode	可選。如果 try 語句發生錯誤執行的代碼塊。如果 try 語句沒發生錯誤該代碼不會執行。
finallyCode	可選。無論 try / catch 的結果如何都會執行。

技術細節

JavaScript 版本：

1.4

實例

該實例檢測輸入的值是否錯誤，如果錯誤則拋出異常。

異常通過 catch 語句捕獲，并輸出自定義信息：

<!DOCTYPE html>
<html>
<body>

<p>Please input a number between 5 and 10:</p>

<input id="demo" type="text">
<button type="button" οnclick="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 執行結果如何都會執行：

總結

以上是生活随笔為你收集整理的JavaScript try/catch/finally 语句的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： JavaScript中的Try...Ca
下一篇：原生JS实现跨浏览器的事件处理程序