10秒钟内说出js中有哪些内置错误类型

共 2637字，需浏览 6分钟

· 2021-01-28

如果现在立刻让你回答，说下你了解的js中有哪些错误类型？能说出几个？

日常开发中，我们会碰到各种各样的js报错信息。大部分情况，我们只要看到控制台有飘红，就知道代码执行有问题。但是这些错误都有哪些类型？可能没有太关注过，如果我们知道了这些错误类型出现的场景，那是不是对我们定位问题有所帮助，甚至能提高我们以后的代码质量。

基类 Error

Error是基类型,其他内置错误类型都是继承该类型,因此所有内置错误类型都是共享相同的属性(所有错误对象上的方法都是这个默认类型定义的方法)。

浏览器很少会抛出Error类型的错误,该类型主要用于抛出自定义错误。

构造函数

//创建一个错误
new Error([message[, fileName[,lineNumber]]]) //参数均为可选

实例上有哪些属性？

内置错误类型1 ：ReferenceError（引用错误）

常见指数：🌟🌟🌟🌟🌟 不夸张的说，线上80%错误都是这个

表示引用错误，使用了未声明的变量。

错误之前的代码会执行，之后代码不会执行。

使用未声明的变量

把变量赋值给一个无法赋值的xx

表示：左侧的赋值无效

捕获一个错误

try {
  var a = undefinedVariable;
} catch (e) {
  console.log(e instanceof ReferenceError); // true
  console.log(e.message);                   // "undefinedVariable is not defined"
  console.log(e.name);                      // "ReferenceError"
  console.log(e.fileName);                  // "Scratchpad/1"
  console.log(e.lineNumber);                // 2
  console.log(e.columnNumber);              // 6
  console.log(e.stack);                     // "@Scratchpad/2:2:7\n"
}

新建错误

try {
  throw new ReferenceError('Hello', 'aaa.js', 10);
} catch (e) {
  console.log(e instanceof ReferenceError); // true
  console.log(e.message);                   // "Hello"
  console.log(e.name);                      // "ReferenceError"
  console.log(e.fileName);                  // "aaa.js"
  console.log(e.lineNumber);                // 10
  console.log(e.columnNumber);              // 0
  console.log(e.stack);                     // "@Scratchpad/2:2:9\n"
}

内置错误类型2：RangeError

常见指数：⭐⭐⭐ 说实话，不太常见，但很容易构造

会在数值越界时抛出.例如,定义数组时如果设置了不支持的长度,如-1,又或者没有给递归设置停止条件时触发。

该类型在JavaScript发生不多。

超过数组最大长度限制

自定义RangeError错误

var check = function(num) {
  if (num < MIN || num > MAX) {
    throw new RangeError('Parameter must be between ' + MIN + ' and ' + MAX);
  }
};

try {
  check(500);
}
catch (e) {
  if (e instanceof RangeError) {
    // 处理越界错误
  }
}