ES11 中错误类 (Error classes): Error、ReferenceError、SyntaxError 和 TypeError

在前端开发中，我们经常会遇到各种各样的代码错误，例如变量未定义、语法错误、类型错误等。这些错误不仅会导致程序运行出错，还会影响用户体验和开发效率。为了方便排查代码错误，ES11 引入了错误类 (Error classes)。本文将介绍 ES11 中的四种错误类：Error、ReferenceError、SyntaxError 和 TypeError。我们将详细讨论这些错误类的特性、用法和示例代码，希望能对您在前端开发中排查代码错误有所帮助。

Error 类

Error 类是所有错误类的基类，它提供了以下属性和方法：

• message：错误信息。
• name：错误名称，通常为 "Error"。
• stack：错误的堆栈信息，可以用来定位错误的位置。
• toString()：返回错误的字符串表示形式。

下面是一个 Error 类的示例代码：

try {
  throw new Error("This is an error");
} catch (e) {
  console.log(e.name + ": " + e.message);
  console.log(e.stack);
}

输出结果如下：

Error: This is an error
    at <anonymous>:2:9
    at Object.InjectedScript._evaluateOn (<anonymous>:905:140)
    at Object.InjectedScript._evaluateAndWrap (<anonymous>:838:34)
    at Object.InjectedScript.evaluate (<anonymous>:694:21)

ReferenceError 类

ReferenceError 类表示引用不存在的变量时发生的错误。它继承自 Error 类，提供了以下属性和方法：

• message：错误信息，通常为 "variable is not defined"。
• name：错误名称，为 "ReferenceError"。
• stack：错误的堆栈信息，可以用来定位错误的位置。
• toString()：返回错误的字符串表示形式。

下面是一个 ReferenceError 类的示例代码：

try {
  var a = b;
} catch (e) {
  console.log(e.name + ": " + e.message);
  console.log(e.stack);
}

输出结果如下：

ReferenceError: b is not defined
    at <anonymous>:2:9
    at Object.InjectedScript._evaluateOn (<anonymous>:905:140)
    at Object.InjectedScript._evaluateAndWrap (<anonymous>:838:34)
    at Object.InjectedScript.evaluate (<anonymous>:694:21)

SyntaxError 类

SyntaxError 类表示语法错误。它继承自 Error 类，提供了以下属性和方法：

• message：错误信息，通常为 "Unexpected token"。
• name：错误名称，为 "SyntaxError"。
• stack：错误的堆栈信息，可以用来定位错误的位置。
• toString()：返回错误的字符串表示形式。

下面是一个 SyntaxError 类的示例代码：

try {
  eval("1 +");
} catch (e) {
  console.log(e.name + ": " + e.message);
  console.log(e.stack);
}

输出结果如下：

SyntaxError: Unexpected end of input
    at eval (<anonymous>)
    at Object.InjectedScript._evaluateOn (<anonymous>:905:140)
    at Object.InjectedScript._evaluateAndWrap (<anonymous>:838:34)
    at Object.InjectedScript.evaluate (<anonymous>:694:21)

TypeError 类

TypeError 类表示类型错误。它继承自 Error 类，提供了以下属性和方法：

• message：错误信息，通常为 "Cannot read property 'x' of undefined"。
• name：错误名称，为 "TypeError"。
• stack：错误的堆栈信息，可以用来定位错误的位置。
• toString()：返回错误的字符串表示形式。

下面是一个 TypeError 类的示例代码：

try {
  var a = null;
  a.x = 1;
} catch (e) {
  console.log(e.name + ": " + e.message);
  console.log(e.stack);
}

输出结果如下：

TypeError: Cannot set property 'x' of null
    at <anonymous>:3:3
    at Object.InjectedScript._evaluateOn (<anonymous>:905:140)
    at Object.InjectedScript._evaluateAndWrap (<anonymous>:838:34)
    at Object.InjectedScript.evaluate (<anonymous>:694:21)

总结

ES11 中的错误类为我们排查代码错误提供了方便。在开发过程中，我们应该根据不同的错误类型选择合适的错误类，并根据错误的堆栈信息定位错误的位置。同时，我们可以通过自定义错误类来处理特定的错误，提高代码的可读性和可维护性。希望本文能对您理解错误类的特性、用法和示例代码有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650fb26995b1f8cacd860894