您的位置：首页 > 编程技术 > js  >  JavaScript错误处理try..catch...finally+涵盖throw+TypeError+RangeError

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

 更新时间：2021年12月29日 14:04  点击：338 作者：前端老实人

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错误处理内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞！

原文出处：https://blog.51cto.com/u_15453248/4846276

[!--infotagslink--]

相关文章

  • Ecshop提示Only variables should be passed by reference in错误

    在安装好ecshop软件之后我们打开首页时提示Only variables should be passed by reference in错误了，碰到这个问题是什么原因呢？下面我们就一起来看看解决办法吧。...2016-11-25

  • 409错误是什么 http 409错误怎么解决

    409错误是什么？http 409错误怎么解决呢？不少站长在遇到这个错误代码之后都一筹莫展，本次一聚教程网为大家带来了详细的说明，快来看看吧。 409错误是什么： HTTP 40...2017-01-22

  • 414错误是什么 414错误怎么解决

    414错误是HTTP协议状态码中的一种，很多都还不知道414错误是什么，以及不知道怎么解决414错误，那么就来看看小编带来的介绍吧。 414错误是什么： HTTP 414错误，(Requ...2017-01-22

  • http 405错误是什么 http 405错误怎么解决

    http 405错误是什么？http 405错误怎么解决？相信很多站长都在找这两个问题的答案，本次小编为大家带来了详细的教程，快来看看吧。 405错误是什么： HTTP 405错误是H...2017-01-22

  • 401错误码代表什么 401错误解决办法

    401是HTTP状态码的一种，属于“请示错误”，表示请求可能出错，已妨碍了服务器对请求的处理。具体的401错误是指：未授权，请求要求进行身份验证。登录后，服务器可能会返回对页面...2017-01-22

  • 使用PHP+JavaScript将HTML页面转换为图片的实例分享

    这篇文章主要介绍了使用PHP+JavaScript将HTML元素转换为图片的实例分享,文后结果的截图只能体现出替换的字体,也不能说将静态页面转为图片可以加快加载,只是这种做法比较interesting XD需要的朋友可以参考下...2016-04-19

  • http 402错误是什么 http 402简介

    http 402错误是什么？402错误较为少见，一般不轻易出现，下面小编就来告诉大家402错误是什么吧。 HTTP 402错误是HTTP状态码的一种，表示“要求付费”； 所求的...2017-01-22

  • 411错误是什么 411错误怎么解决

    411错误是HTTP协议状态码的一种，很多人都还不知道411错误是什么，本次一聚教程网将为大家进行解答，并且告诉大家411错误怎么解决。 411错误是什么： HTTP 411错误，(Lengt...2017-01-22

  • apache网站提示503错误解决办法

    Apache status 503 的原因大致有如下几种情况 ： 1、 CPU 负载过高，服务器响应不过来，返回503 2、 系统连接数超限，超过MaxVhostClients的上限，返回503 3、 单IP连接数超限，超过M...2016-01-28

  • 404错误是什么 404错误怎么解决

    403错误是网站访问过程中，常见的错误提示。资源不可用，服务器理解客户的请求，但拒绝处理它。通常由于服务器上文件或目录的权限设置导致，比如IIS或者apache设置了访问权限...2017-01-22

  • 403错误是什么 403错误怎么解决

    403错误是HTTP状态码的一种，属于“请示错误”，表示服务器拒绝请求。如果在搜索引擎尝试抓取您网站上的有效网页时显示此状态代码，那么，这可能是您的服务器或主机拒绝搜索...2017-01-22

  • Go应用中优雅处理Error的技巧总结

    在程序员中,尤其是go新手,经常听到的一个讨论话题是：如何处理错误,这篇文章主要给大家介绍了关于Go应用中优雅处理Error的一些相关技巧,需要的朋友可以参考下...2021-09-08

  • 关于JavaScript中name的意义冲突示例介绍

    在昨天的《Javascript权威指南》学习笔记之十：ECMAScript 5 增强的对象模型一文中，对于一段代码的调试出现了一个奇怪现象，现将源代码贴在下面： 复制代码 代码如下: <script type="text/javascript"> function Person(){}...2014-05-31

  • C#和JavaScript实现交互的方法

    最近做一个小项目不可避免的需要前端脚本与后台进行交互。由于是在asp.net中实现，故问题演化成asp.net中jiavascript与后台c#如何进行交互。...2020-06-25

  • 412错误是什么 412错误怎么解决

    412错误是什么？412错误怎么解决？本次一聚教程网将为大家带来详细的介绍，帮助大家全面了解412错误的意思以及解决412错误的方法。 412错误是什么： HTTP 412错误，（Precond...2017-01-22

  • HTTP 408错误是什么 HTTP 408错误解决方法

    相信很多站长都遇到过这样一个问题，访问页面时出现408错误，下面一聚教程网将为大家介绍408错误出现的原因以及408错误的解决办法。 HTTP 408错误出现原因： HTT...2017-01-22

  • 407错误是什么 407错误怎么解决

    407错误是什么？407错误怎么解决？不少站长都遇到过407错误，下面小编将告诉大家如何处理407错误。 407错误是什么： HTTP 407错误是HTTP协议状态码的一种，表示需要代...2017-01-22

  • javascript自定义的addClass()方法

    复制代码 代码如下: //element:需要添加新样式的元素，value：新的样式 function addClass(element, value ){ if (!element.className){ element.className = value; }else { newClassName = element.className; newClas...2014-05-31

  • 406错误是什么 406错误怎么解决

    HTTP 406错误是HTTP协议状态码的一种，表示无法使用请求的内容特性来响应请求的网页。一般是指客户端浏览器不接受所请求页面的 MIME 类型。 而MIME类型是在把输出...2017-01-22

  • 410错误是什么 http 410错误怎么解决

    410错误是HTTP协议状态码的一种，本次一聚教程网将为大家详细介绍HTTP 410错误是什么，以及410错误的解决办法。 410错误是什么： HTTP 410错误是HTTP协议状态码的...2017-01-22