83 - 内置对象 - Error 对象 - 错误类型与创建

前端 - Javascript 《内置对象 - Error 对象 - 错误类型与创建》

在 JavaScript 编程的世界里，错误处理是至关重要的一环。错误处理不仅能帮助我们在代码出现问题时快速定位和解决问题，还能提升程序的健壮性和用户体验。而 JavaScript 中的 Error 对象就是处理错误的核心，下面我们将深入探讨 Error 对象的错误类型以及如何创建错误。

一、Error 对象概述

Error 是 JavaScript 中的一个内置对象，用于表示程序运行时发生的错误。当错误发生时，JavaScript 会创建一个 Error 对象，并抛出该对象。这个对象包含了错误的描述信息和堆栈跟踪，帮助开发者定位问题。

创建一个基本的 Error 对象

可以使用 new 关键字来创建一个 Error 对象，示例如下：

const error = new Error('这是一个自定义错误信息');
console.log(error.message); // 输出: 这是一个自定义错误信息

二、常见的错误类型

JavaScript 提供了多种内置的错误类型，每种类型都代表了不同的错误场景。下面是一些常见的错误类型及其说明：

各错误类型的具体示例

SyntaxError

// 缺少右括号，会抛出 SyntaxError
const code = 'function test() { console.log("Hello"; }';
try {
    eval(code);
} catch (error) {
    console.log(error.name); // 输出: SyntaxError
    console.log(error.message); // 输出: Uncaught SyntaxError: missing ) after argument list
}

ReferenceError

// 引用未定义的变量，会抛出 ReferenceError
try {
    console.log(nonExistentVariable);
} catch (error) {
    console.log(error.name); // 输出: ReferenceError
    console.log(error.message); // 输出: Uncaught ReferenceError: nonExistentVariable is not defined
}

TypeError

// 对非函数类型的值进行函数调用，会抛出 TypeError
const num = 10;
try {
    num();
} catch (error) {
    console.log(error.name); // 输出: TypeError
    console.log(error.message); // 输出: Uncaught TypeError: num is not a function
}

RangeError

// 创建长度为负数的数组，会抛出 RangeError
try {
    const arr = new Array(-1);
} catch (error) {
    console.log(error.name); // 输出: RangeError
    console.log(error.message); // 输出: Uncaught RangeError: Invalid array length
}

URIError

// 处理格式不正确的 URI，会抛出 URIError
try {
    decodeURI('%zz');
} catch (error) {
    console.log(error.name); // 输出: URIError
    console.log(error.message); // 输出: Uncaught URIError: URI malformed
}

三、自定义错误类型

除了使用 JavaScript 内置的错误类型，我们还可以创建自定义的错误类型，以满足特定的业务需求。创建自定义错误类型可以通过继承 Error 类来实现。

示例代码

// 定义一个自定义错误类型
class CustomError extends Error {
    constructor(message) {
        super(message);
        this.name = 'CustomError';
    }
}
// 使用自定义错误类型
try {
    throw new CustomError('这是一个自定义错误');
} catch (error) {
    console.log(error.name); // 输出: CustomError
    console.log(error.message); // 输出: 这是一个自定义错误
}

四、总结

JavaScript 中的 Error 对象为我们处理错误提供了强大的支持。了解常见的错误类型可以帮助我们快速定位和解决代码中出现的问题，而自定义错误类型则可以让我们更好地满足特定的业务需求。在实际开发中，合理地使用错误处理机制，能够提高代码的健壮性和可维护性。希望通过本文的介绍，你对 Error 对象有了更深入的理解。