JavaScript try/catch/finally 语句

最新推荐文章于 2023-10-19 12:00:00 发布
最新推荐文章于 2023-10-19 12:00:00 发布
阅读量600 收藏
点赞数
分类专栏： js与前端

实例

在下面的例子中，我们故意在 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 Yes Yes Yes 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 执行结果如何都会执行：

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 = "";
    }
}

尝试一下 »
judyge
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript中 try catch用法
10-23
JS try catch语句一般在什么情况下使用？是必须使用的吗？下面就让小编来给大家介绍一下试用心得。
JavaScript学习(5.5.6):跳转之try/catch/finally语句
柒小柒七的博客
12-08 1093
JavaScript异常处理语句 try/catch/finally简介
try-catch-finally
weixin_56915683的博客
03-20 2492
参考 《Java核心技术 卷1》 1. try - catch - finally 语法 try { // 1 code that might throw exceptions // 2 } catch (IOException e) { // 3 show error message // 4 } finally { // 关闭资源 // 5 in.dose(); } // 6 finally 语句 不管异常是否被捕获，finally 子句中的代码都会执行； 通常，.
JavaScript中的Try...Catch 语句
weixin_30633405的博客
07-15 105
try...catch 的作用是测试代码中的错误。 有两种在网页中捕获错误的方法： (1)使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用) (2)使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用) Try...Catch 语句:可以测试代码中的错误。try 部分包含需要运行的代码...
try catch finally语句详解
未完成的歌~的博客
03-26 1229
定义以及用法： try catch finally 语句用于处理代码中可能出现的错误信息。 错误可能是语法错误，通常是程序员造成的编码错误或错别字。也可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。 try 语句允许我们定义在执行时进行错误测试的代码块。 catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。 finally 语句在 try 和 catch 之后无论有...
JavaScript 中 try...catch 的 10 个使用技巧
weixin_44161385的博客
04-28 2620
try catch使用技巧
JavaScript知识点之try()、catch()和throw()
joey_ch的博客
02-24 587
try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 JavaScript 测试和捕捉： try 语句允许我们定义在执行时进行错误测试的代码块。 catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。 JavaScript 语句 try 和 catch 是成对出现的。 一、什么是例外处理 　　当JavaScript
JavaScript try_catch
weixin_45846840的博客
11-26 80
try_catch try{ }catch(e){ } Error.name的六种值对应信息 EvalError:eval()使用与定义不一致 RangeError:数组越界 ReferenceError:非法或不能识别的引用数值 SyntaxError:发生语法解析错误 TypeError:操作数类型错误 URLError:URL处理函数使用不当 try{ console.log('a'); console.log(b); console.log
JavaScript try catch 语法
qq_36016297的博客
04-07 538
在这个示例中，尝试执行的代码块可能会抛出错误，因此将会在 catch 语句中捕获和处理该错误。如果尝试执行的代码块没有抛出错误，则 catch 语句将不会执行。JavaScript try 语法用于尝试执行代码块，并在代码块内捕获和处理异常。
【JavaSE专栏68】异常的捕获和处理，try-catch-finally高效解决异常处理问题
Designer 小郑的技术博客
08-06 2953
本文讲解了 Java 中异常的捕获和处理概念及语法，并给出了样例代码。捕获异常可以处理运行过程中可能出现的错误情况，防止程序因为异常而终止执行。通过捕获异常并采取合适的处理措施，可以使程序更加健壮和稳定。
javascript 的 try 和 catch 语句
桃子阿桃
10-08 379
try{ throw "test"; } catch (ex) { console.log(ex); //test } finally { console.log('finally') } 它的执行流程: 首先执行 try 块中的代码, 如果抛出异常由 catch 捕获并执行, 如果正常的话, catch 中的代码被忽略. 不管有没有异常最后都执行 finally 的代码. try 后面必须接一个 catch 或者 finally 因此 js 中的 try catch 语句有三种形式 1. tr
优雅而高效的JavaScript——try...catch语句（js异常处理）
最新发布
杜永康的博客
10-19 1万+
除了内置的异常类型，JavaScript还允许我们创建自定义异常类型。通过创建自定义异常类型，我们可以根据自己的需求定义特定的错误类型，并在程序中抛出和捕获这些异常。要创建自定义异常类型，我们可以定义一个继承自Error的子类，并在子类中添加自定义的属性和方法。'自定义错误：' + this.message;try {throw new CustomError('这是一个定义错误');console.log('捕获到自定义错误：', error.getErrorMessage());
JavaScript中的try...catch语句和es5的严格模式
Night_Emperor的博客
11-09 1080
try...catch语句： try{ console.log('a'); console.log(b); console.log('c') }catch(e){//error error.name error.message -->error console.log(e.name+" : "+e.message); } console.log('d');结果：
[STAX] Script中的try/catch
Kevin的杂货铺
07-05 561
<br /><script/>标签中无法添加try/catch，若添加根本过不了test。<br />好像只能用stax提供的try、catch标签。。。好麻烦。。。<br /><function name="Main"> <try> <block name="'RunTest'"> <sequence> <call function="'InitJob'"/> <call function="'CheckServerAvailabi
浅谈Javascript中try catch 的用法
素描本里的男子的博客
05-28 1740
demo： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>power by Adam</title> </head> <body> <p>try 语句块中的函数未定义：</p> <p id="demo"></p> <script> try { adddlert("hell
JavaScript可以使用try...catch来进行异常处理
zhuchunyan_aijia的博客
12-31 2454
try {  foo.bar();    } catch (e) {  alert(e.name + ": " + e.message);   } finally{ } javascript Error 对象： description: 错误描述 (仅IE可用). fileName: 出错的文件名 (仅Mozilla可用). lineNumber: 出错的
JavaScript 错误处理（Throw、Try 和 Catch）
02-28 296
如果值是错误的，会抛出一个异常（错误）。当错误发生时，当事情出问题时，JavaScript 引擎通常会停止，并生成一个错误消息。txt+="错误描述：" + err.message + "\n\n";语句允许我们定义当 try 代码块发生错误时，所执行的代码块。catch 块会捕捉到 try 块中的错误，并执行代码来处理它。可能是由于来自服务器或用户的错误输出而导致的错误。txt="本页有一个错误。
JavaScript中try/catch/finally用法
Xpy 的博客
08-17 591
一、名词解释 try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。 二、用法 try { ... //异常的抛出 } catch(e) { ... //异常的捕获与处理 } finally { ... //结束处理 } ...
JavaScript中的try、catch语句
弱智de克星的博客
07-06 350
js捕获异常 请输入一个5~10之间的数字： 测试输入值 function myFunction() { try { var x=document.getElementById("in").value; if(x=="") throw "空值"; if(x<=5) throw "过小"; if(x>=10)
try/catch语句
09-02
try/catch语句是JavaScript中处理异常的一种标准方式。它的基本语法是在try代码块中编写可能导致错误的代码，如果出现异常，程序会跳转到catch代码块中进行异常处理。 在try/catch语句中，catch代码块是可选择的，用于捕获并处理异常。如果try代码块中发生异常，程序会跳转到catch代码块中执行相应的异常处理逻辑。而finally代码块是一定会执行的，无论try代码块是否发生异常，finally代码块都会被执行。 异常抛出后会一直返回调用函数（或者说上一层函数），直到被catch到。因此，可以将catch语句写在一起，以便对多个异常进行统一处理，从而使代码更加整洁和方便。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [try-catch语句](https://blog.csdn.net/weixin_42561383/article/details/99687113)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [try、catch语句解析](https://blog.csdn.net/weixin_46953330/article/details/129556570)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [try/catch/throw](https://download.csdn.net/download/weixin_38595473/14887209)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值