脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript 异常捕捉

JavaScript中的异常捕捉介绍

 更新时间：2014年12月31日 08:49:08   投稿：junjie  
这篇文章主要介绍了JavaScript中的异常捕捉介绍,本文讲解了throw语句抛出异常,try/catch/finally语句捕捉异常,需要的朋友可以参考下

与Java语言相同，JavaScript可以通过throw语句来抛出异常。与Java语言不同的是，JavaScript中可以通过throw语句抛出所有类型的值，而不仅止于抛出错误对象。


复制代码 代码如下:

//Throw an Error object.
try{
  throw new Error("Message in Error Object");
}catch(e){
    console.log(e);//Error: Message in Error Object
}

try{
  throw "Raw Message";
}catch(message){
  console.log(message);//Raw Message
  console.log(typeof message);//string
}

try{
  throw 42;
}catch(code){
  console.log(code);//42
  console.log(typeof code);//number
}


与Java语言一样，如果异常没有被任何catch语句所捕捉，那么该异常会最终抛给用户：


复制代码 代码如下:

try{
  //throw new Error("test error");//Error will be thrown. Error: test error
}finally{
}

try{
  throw 42;//Error will be thrown. Error: 42
}finally{
}


对于抛出异常的捕捉，JavaScript使用的也是try/catch/finally语句，其使用规则为：try是必需的，catch和finally均为可选语句，但catch和finally中必须至少出现一个。

在catch语句中，可以定义一个参数e(或者其它任何合法的变量名)，用于存储抛出的异常值。在catch语句内部，这个参数可以作为局部变量而使用。与JavaScript中其它的变量使用情况不同的是，catch语句中的参数变量仅在catch语句内部有效(该变量的作用域局限在catch语句中)。

对于finally语句，无论try中是否有异常抛出，finally中的代码均会被执行。详细情况包括：

1.try中无异常发生，当try语句执行完毕后，finnally中的代码将被执行。
2.try中无异常发生，但由于执行了break、continue或return语句而导致退出try代码时，finally中的代码将被执行。
3.try中发生异常，异常由catch语句处理完成后，finally中的代码被执行。
4.try中发生异常，但因没有catch语句导致该异常需要继续向上抛出时，finally中的代码将被执行。值得注意的是，在catch语句缺失的情况下，JavaScript将先执行finally中的代码，然后才向上继续抛出异常。

在finally代码中，如果出现break、continue或return语句，那么JavaScript将直接执行这些语句，而置try代码中可能存在的break、continue或return语句于不顾；即使catch语句缺失导致有异常需要上报，JS也会丢弃这个异常上报信息，继续执行finally代码中的break、continue或return语句。类似的，如果finally代码中也抛出了异常，那么JavaScript将丢弃所有try代码中的break、continue或return语句，同时也丢弃可能存在的异常上报行为，只抛出finally代码中的异常。

您可能感兴趣的文章:

相关文章

  • ​​​​​​​分享7 个实用 TypeScript 单行代码

    ​​​​​​​分享7 个实用 TypeScript 单行代码

    这篇文章主要介绍了​​​​​​​分享7 个实用 TypeScript 单行代码，其中包括泛型、断言等高级用法，需要的小伙伴可以参考一下，希望对你的学习有所帮助
    2022-05-05
  • 使用js如何实现全选与全不选

    使用js如何实现全选与全不选

    全选与全不选在管理界面还是比较实用的，下面通过checkAll与clearAll两个函数来轻松实现，感兴趣的朋友不要错过
    2013-12-12
  • bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法

    bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法

    日期插件 bootstrap-datetimepicker 在火狐下出现一条报错信息：TypeError: (intermediate value).toString(…).split(…)[1] is undefined.什么原因导致的呢，下面小编给大家分享解决思路，需要的朋友参考下
    2017-03-03
  • 使用js 设置url参数

    使用js 设置url参数

    本篇文章是对使用js设置url参数的实现代码进行了详细的分析介绍，需要的朋友参考下
    2013-07-07
  • 基于 Bootstrap Datetimepicker 联动

    基于 Bootstrap Datetimepicker 联动

    这篇文章主要介绍了基于bootstrap datetimepicker 联动效果,需要的朋友可以参考下
    2017-08-08
  • JS设计模式之状态模式的用法使用方法

    JS设计模式之状态模式的用法使用方法

    JavaScript状态模式是一种行为型设计模式,核心是对象在其内部状态改变时改变其行为,状态模式将对象的行为封装到不同的状态类中,使得对象在不同状态下可以选择不同的行为,本文给大家详细的介绍一下状态设计模式在Js中的使用,需要的朋友可以参考下
    2023-08-08
  • JavaScript实现自定义拖拽排序列表

    JavaScript实现自定义拖拽排序列表

    在Web开发中,拖拽排序是一个常见的需求,它允许用户通过拖拽的方式重新排列列表项的顺序,本文将介绍如何使用原生JavaScript实现这一功能,需要的可以了解下
    2024-01-01
  • Javascript控制input输入时间格式的方法

    Javascript控制input输入时间格式的方法

    这篇文章主要介绍了Javascript控制input输入时间格式的方法,涉及鼠标事件及正则表达式的灵活应用,需要的朋友可以参考下
    2015-01-01
  • TypeScript高级用法的知识点汇总

    TypeScript高级用法的知识点汇总

    这篇文章主要给大家介绍了关于TypeScript高级用法的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用TypeScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-12-12
  • JS实现普通轮播图特效

    JS实现普通轮播图特效

    这篇文章主要为大家详细介绍了JS实现普通轮播图特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-01-01

最新评论