JavaScript的错误处理

Posted leaf930814

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript的错误处理相关的知识,希望对你有一定的参考价值。

一、错误类型

Error
EvalError
RangeError
ReferenceError
syntaxError 语法错误
TypeError
URIError

Error是基类型,其他错误类型都继承自该对象,因此所有的错误类型都共享一组相同的属性。该错误类型很少见。

EvalError是使用eval()函数而发生的异常抛出的,当没有吧eval()当成一个函数使用的时候就会抛出。

RangeError
数值超出一定的范围会触发,在找不到对象的时候也会触发,在未声明时候去使用变量时候也会触发

TypeError
类型错误,最常见的额类型错误就是传递给函数的参数事先未检查

 

二、try-catch语句

try{
      leaf()
} catch(error){
      console.log(error.message);
}
//leaf is not defined

 

三、finally

可选的,但是一旦使用,其代码无论如何都会执行,即使前面使用了return

try{
        return 1;
}catch(error){
        return 2;
}finally{
         return 3;
}

//chrome下报错了Uncaught SyntaxError: Illegal return statement

 

四、抛出错误  throw操作  

在遇到throw符号的时候,代码会立即执行。仅当try-catch语句捕获到被抛出的值的时候,代码才会继续执行。

 throw new Error(‘something bad hanppened‘);

  

五、Error事件
  任何没有通过try-catch处理的错误都会触发window对象的error事件。只要发生错误,无论是不是浏览器生成的,都会触发error事件,并执行这个事件的处理函数。img的没有获得正确的src也会触发。

 

六、常见的错误类型

  1、类型转换错误

  console.log(1==true) //true
  console.log(1==true) //false

       在if()之类的判断语句中,在执行下一步的时候,会自动的把任何值转换成布尔值。

       方案: 建议使用 ===    !== 操作符


       2、数据类型错误

  比如
  null 和undefined 使用点操作
  对非数组的值使用sort()的reversed()等方法

  方案:
  基本类型(undefined null boolean string number)用typeof去检测;
  对象则用instanceof去检测(注意array比较特别)

       3、通信错误
  不正确的使用URL和在服务器响应的数据不正确的时候
  解决,将数据发给服务器应该使用encodeURIComponent()对数据进行编码。

 

七、总结

避免浏览器响应javascript错误的方法

  1、在可能发生错误的地方使用try-catch语句,这样有机会以适当的方式对错误给出响应,不必沿用浏览器的错误机制。

  2、是当时会用window.onerror事件处理程序,此方法可以处理try-catch不能处理的所有错误。

  3、发生书错误的主要原因
       类型转换,
  未充分检测数据类型
  发送到服务器或从服务器接收的数据有误

 






















以上是关于JavaScript的错误处理的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 有用的代码片段和 trick

Python 自动化 - 浏览器chrome打开F12开发者工具自动Paused in debugger调试导致无法查看网站资源问题原因及解决方法,javascript反调试问题处理实例演示(代码片段

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

30秒就能看懂的JavaScript 代码片段

学习小片段——springboot 错误处理