javascript错误类型

作为一个程序员,需要的不仅仅是技术,更是需要在遇到错误的时候对错误的处理能力。就前端而言,技术一直在更新,但是JavaScript中的错误也就是那么几个。掌握不同的报错信息会让你的实际开发事半功倍。

JavaScript中的错误类型

  • Error
  • EvalError
  • RangeError
  • ReferenceError
  • SyntaxError
  • TypeError
  • URIError

Error

Error是最基本的错误类型,其他的错误类型都继承自该类型。因此,所有错误的类型共享了一组相同的属性。
这个类型的错误很少见。一般使用开发人员自定义抛出的错误。

EvalError

这个错误会在使用eval()函数发生异常时候抛出。两种情况会出错:

  1. new eval();
  2. eval = foo;
    上面两个的意思结合就是没有直接调用eval函数,而是new或者是重新赋值
    这个错误基本上不会遇到,因为eval函数本来用的就不多。不过需要注意的是,eval是一个关键字。

RangeError

这个错误会在数值超出相应范围时触发。比如使用new Array()的时候传递一个负数或者是超过数组最大长度(4,294,967,295)的数,比如Number.MAX_VALUE,Number.MIN_VALUE。注意递归爆炸也有这个错误。

ReferenceError

这个错误一般就是出现在变量找不到的情况,比如:

1
2
var a = b;
Uncaught ReferenceError: b is not defined

这时候就需要检查一下一个变量了

SyntaxError

当Javascript语言解析代码时,Javascript引擎发现了不符合语法规范的tokens或token顺序时抛出SyntaxError。

TypeError

这个错误在JavaScript中是经常遇到的,不管是初学者还是老手。在变量中保存着以外的类型时,或者在访问不存在的方法时。都会导致这种错误。但是归根结底还是由于在执行特定于类型的操作时,变量的类型并不符合要求所致。比如:

1
2
var o = new 10;
a.style.widht = "10px";

关于设置样式这个东西,新手会遇到很多,一般这都是由获取不到元素导致的。

URIError

在使用encodeURI或者decodeURI因为URL格式不正确时,就会导致URIError错误。这种错误也很少见。

使用try-catch进行错误处理

try-catch是一个错误处理的方法。使用法法是:

1
2
3
4
5
try {
// 尝试执行的代码
} catch(error) {
// 如果上市执行的代码不成功则执行这段代码
}

代码中 catch语句的error不能省略。
在自己不能把我是否会出错的地方使用try-catch语句能让代码运行的更舒服。try-catch语句其实还有一句finally语句:

1
2
3
4
5
6
7
try {
// 尝试执行的代码
} catch(error) {
// 如果上市执行的代码不成功则执行这段代码
} finally {
// finally的语句始终都会执行
}

因为finally语句使用会执行,所以我们一般都不会使用 finally语句。

抛出错误

在使用try-catch语句时发生错误我们可以执行其他事情或者是抛出这个错误。抛出错误使用throw操作符。

1
2
3
4
5
try {
alert(a)
} catch(error){
throw new Error("a is not defined")
}

上面的代码就会抛出一个一般的错误:Uncaught Error: a is not defined。具体抛出什么错误根据实际情况确定。类型就是上面的那几种错误类型。

文章作者: 踏浪
文章链接: https://blog.lyt007.cn/技术/javascript错误类型.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 踏浪 - 前端技术分享
支付宝
微信打赏