JS常见的六类错误类型

转载至： https://www.leixuesong.cn/2825

最近打算花点时间好好学习一下Javascript。之前一直知道JS怎么用，可就是不理解JS的本质。发现一些JS框架的源代码还是不太理解，想去了解详细的学习一下Javascript。下面PHP程序员雷雪松详细的总结下Javascript中常见的六类错误类型。

一、SyntaxError解析错误

SyntaxError是解析代码时发生的语法错误

// 变量名错误
var 1a;
// 缺少括号
console.log 'hello');

二、ReferenceError引用错误
ReferenceError是引用一个不存在的变量时发生的错误。将一个值分配给无法分配的对象，比如对函数的运行结果或者this赋值。

a
// Uncaught  ReferenceError: a is not defined
this=1;
// Uncaught ReferenceError: Invalid left-hand side in assignment
new abc
// Uncaught ReferenceError: abc is not defined(`
)

三、RangeError范围错误

RangeError是当一个值超出有效范围时发生的错误。主要有几种情况，一是数组长度为负数，二是Number对象的方法参数超出范围，以及函数堆栈超过最大值。

new Array(-1)
// Uncaught RangeError: Invalid array length(…)
(1234).toExponential(21)
// Uncaught RangeError: toExponential() argument must be between 0 and 20(…)

四、TypeError类型错误

TypeError是变量或参数不是预期类型时发生的错误。比如，使用new字符串、布尔值、数值等原始类型和调用对象不存在的方法就会抛出这种错误，因为new命令的参数应该是一个构造函数。

new 1
// Uncaught TypeError: 1 is not a constructor(…)
var obj = {}; obj.a()
// Uncaught TypeError: obj.a is not a function(…)

五、URIError统一资源标识符函数错误
URIError是URI相关函数的参数不正确时抛出的错误，主要涉及encodeURI()、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape()这六个函数。

decodeURI('%1')
// Uncaught URIError: URI malformed(…)

六、EvalError eval()函数执行错误

eval()函数没有被正确执行时，会抛出EvalError错误。该错误类型已经在ES5中不使用了，只是为了保证与以前代码兼容，才继续保留。

以上这6种派生错误，连同原始的Error对象，都是构造函数。开发者可以使用它们，人为生成错误对象的实例。new Error([message[, fileName[, lineNumber]]])，第一个参数代表错误提示信息（message），第二个是文件名，第三个是行号。

new Error("出错了！");
new RangeError("出错了，变量超出有效范围！");
try {
null.f();
} catch (e) {
new SyntaxError("解析出错了！");
}