作为一个程序员,需要的不仅仅是技术,更是需要在遇到错误的时候对错误的处理能力。就前端而言,技术一直在更新,但是JavaScript中的错误也就是那么几个。掌握不同的报错信息会让你的实际开发事半功倍。
JavaScript中的错误类型
- Error
- EvalError
- RangeError
- ReferenceError
- SyntaxError
- TypeError
- URIError
Error
Error
是最基本的错误类型,其他的错误类型都继承自该类型。因此,所有错误的类型共享了一组相同的属性。
这个类型的错误很少见。一般使用开发人员自定义抛出的错误。
EvalError
这个错误会在使用eval()
函数发生异常时候抛出。两种情况会出错:
- new eval();
- eval = foo;
上面两个的意思结合就是没有直接调用eval
函数,而是new或者是重新赋值
这个错误基本上不会遇到,因为eval
函数本来用的就不多。不过需要注意的是,eval
是一个关键字。
RangeError
这个错误会在数值超出相应范围时触发
。比如使用new Array()
的时候传递一个负数或者是超过数组最大长度(4,294,967,295)的数,比如Number.MAX_VALUE,Number.MIN_VALUE。注意递归爆炸也有这个错误。
ReferenceError
这个错误一般就是出现在变量找不到的情况
,比如:
1 | var a = b; |
这时候就需要检查一下一个变量了
SyntaxError
当Javascript语言解析代码时,Javascript引擎发现了不符合语法规范的tokens或token顺序时抛出SyntaxError。
TypeError
这个错误在JavaScript中是经常遇到的,不管是初学者还是老手。在变量中保存着以外的类型时,或者在访问不存在的方法时。都会导致这种错误。但是归根结底还是由于在执行特定于类型的操作时,变量的类型并不符合要求所致
。比如:
1 | var o = new 10; |
关于设置样式这个东西,新手会遇到很多,一般这都是由获取不到元素导致的。
URIError
在使用encodeURI
或者decodeURI
因为URL格式不正确时,就会导致URIError错误。这种错误也很少见。
使用try-catch进行错误处理
try-catch是一个错误处理的方法。使用法法是:
1 | try { |
代码中 catch
语句的error
不能省略。
在自己不能把我是否会出错的地方使用try-catch
语句能让代码运行的更舒服。try-catch
语句其实还有一句finally
语句:
1 | try { |
因为finally语句使用会执行,所以我们一般都不会使用 finally
语句。
抛出错误
在使用try-catch
语句时发生错误我们可以执行其他事情或者是抛出这个错误。抛出错误使用throw
操作符。
1 | try { |
上面的代码就会抛出一个一般的错误:Uncaught Error: a is not defined
。具体抛出什么错误根据实际情况确定。类型就是上面的那几种错误类型。