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

JavaScript错误处理try..catch...finally+涵盖throw+TypeError+RangeError

 更新时间：2021年12月29日 11:16:50   作者：前端老实人  
这篇文章主要介绍了JavaScript错误处理:try..catch...finally+涵盖throw+TypeError+RangeError,文章内容具有一定的参考价值，需要的小伙伴可以参考一下，希望对你有所帮助

1.用途

通常，如果发生错误，脚本就会立即停止，并在控制台将错误打印出来。

有了这个语句就可以捕获错误并执行合理操作，可以让程序继续执行下去

2.语法

try {
  // 代码...
} catch (err) {
   //err是有关错误详细信息的对象
  // 错误捕获，上面代码报错就会转到这个代码块，而不会停止运行
} finally {
   //无论是否有异常抛出或捕获它总是执行
}

这种语句可以嵌套

3.实操

Catch 捕获所有 error。

如果我们不知道如何处理它，那我们就 throw err。

throw 操作符会生成一个 error 对象。

用来抛出一个用户自定义的异常。当前函数的执行将被停止（throw之后的语句将不会执行），并且控制将被传递到调用堆栈中的第一个Catch块。如果调用者函数中没有catch块，程序将会终止。

示例：

throw "Error1"; // 抛出了一个值为字符串的异常
throw 4;       // 抛出了一个值为整数4的异常
 
/*JavaScript 中有很多内建的标准 error 的构造器：Error，SyntaxError，ReferenceError，TypeError 等。我们也可以使用它们来创建 error 对象。*/
let error = new Error("Things happen o_O");
alert(error.name); // Error
alert(error.message); // Things happen o_O
//json的异常
try {
  JSON.parse("{ bad json o_O }");
} catch(e) {
  alert(e.name); // SyntaxError
  alert(e.message); // Unexpected token b in JSON at position 2
}

补充：

try块的代码可能会抛出三种异常：TypeError，RangeError，SyntaxError

有同学可能不知道这三个的意思，这里说明下

这两个都是全局对象，全局的对象本身不包含任何方法, 然而它通过原型链继承了一些方法.

instanceof 操作符用于判断错误类型：

  • TypeError：（类型错误）对象用来表示值的类型非预期类型时发生的错误
  • RangeError： 对象标明一个错误，当一个值不在其所允许的范围或者集合中
  • SyntaxError： 当Javascript语言解析代码时,Javascript引擎发现了不符合语法规范的tokens或token顺序时抛出

实例：

catch (e) {//以下是这个对象的参数属性
  console.log(e instanceof TypeError); // true
  console.log(e.message);              // "描述此错误"
  console.log(e.name);                 // "TypeError"
  console.log(e.fileName);             // "引起该异常的代码所在的文件的名字"
  console.log(e.lineNumber);           // 引起该异常的代码的行号
}

到此这篇关于JavaScript错误处理try..catch...finally+涵盖throw+TypeError+RangeError的文章就介绍到这了,更多相关JavaScript错误处理内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • JavaScript单链表详解与实现

    JavaScript单链表详解与实现

    链表是一种数据结构,用于存储和组织一系列元素,这些元素以节点的形式连接在一起,每个节点包含数据和一个指向下一个节点的引用,链表可以分为单链表、双链表和循环链表等不同类型,但在本文中,我们将重点关注单链表,需要的朋友可以参考下
    2023-09-09
  • JavaScript实现双向链表过程解析

    JavaScript实现双向链表过程解析

    这篇文章主要介绍了利用JavaScript实现双向链表以及它的封装和常用操作，文中的示例代码讲解详细，对日常的学习和工作都有一定的价值，快来和小编一起学习吧
    2021-12-12
  • 详解基于javascript实现的苹果系统底部菜单

    详解基于javascript实现的苹果系统底部菜单

    本篇文章主要对基于javascript实现的苹果系统底部菜单进行了详细的分析说明，有助于理解和学习编写苹果系统底部菜单，相信会对大家有所帮助，下面就跟小编一起来看看吧
    2016-12-12
  • 原生js实现网易轮播图效果

    原生js实现网易轮播图效果

    这篇文章主要为大家详细介绍了原生js实现网易轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-10-10
  • javascript加减乘除的简单实例

    javascript加减乘除的简单实例

    下面小编就为大家带来一篇javascript加减乘除的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JavaScript中的垃圾回收与内存泄漏示例详解

    JavaScript中的垃圾回收与内存泄漏示例详解

    这篇文章主要给大家介绍了关于JavaScript中垃圾回收与内存泄漏的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-05-05
  • JavaScript中各种时间转换问题详解(YYYY-MM-DD、时间戳、中国标准时间)

    JavaScript中各种时间转换问题详解(YYYY-MM-DD、时间戳、中国标准时间)

    在某些场景下,需要将时间转换为字符串进行展示或传递,下面这篇文章主要给大家介绍了关于JavaScript中各种时间转换问题(YYYY-MM-DD、时间戳、中国标准时间)的相关资料,需要的朋友可以参考下
    2024-02-02
  • 用正则获取指定路径文件的名称

    用正则获取指定路径文件的名称

    用正则获取指定路径文件的名称...
    2007-02-02
  • js 获取html5的data属性实现方法

    js 获取html5的data属性实现方法

    下面小编就为大家带来一篇js 获取html5的data属性实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • TBCompressor js代码压缩

    TBCompressor js代码压缩

    公司原先的JS和CSS文件都是用在线压缩程序压缩的，看似方便，但很容易出错，可能是压缩程序把CSS里面的一些Hack语句给混淆了，于是我决定用大名鼎鼎的YUI compressor。
    2011-01-01

最新评论