JavaScript教程：深入理解自定义错误与Error扩展-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00952/article/details/148361623

JavaScript教程：深入理解自定义错误与Error扩展

en.javascript.info Modern JavaScript Tutorial 项目地址: https://gitcode.com/gh_mirrors/en/en.javascript.info

在JavaScript开发中，错误处理是一个至关重要的环节。本文将深入探讨如何创建自定义错误类型，并扩展内置的Error类，以满足项目中的特定需求。

为什么需要自定义错误？

在真实项目开发中，我们经常会遇到各种特定领域的错误场景：

网络操作中的HttpError
数据库操作中的DbError
搜索操作中的NotFoundError

这些特定领域的错误比通用的Error类能提供更多上下文信息，使错误处理更加精准和有针对性。

基础：扩展Error类

JavaScript允许我们通过throw抛出任何值，但从Error类继承有以下优势：

可以使用instanceof Error进行类型检查
自动获得堆栈跟踪(stack trace)能力
保持与内置错误一致的行为模式

基本实现示例

class ValidationError extends Error {
  constructor(message) {
    super(message);  // 调用父类构造函数
    this.name = "ValidationError";  // 设置错误名称
  }
}

关键点说明：

必须调用super()来初始化父类
建议设置name属性为类名
message属性由父类构造函数设置

实战：用户数据验证

让我们看一个实际的例子：验证用户JSON数据。

function readUser(json) {
  let user = JSON.parse(json);
  
  if (!user.age) {
    throw new ValidationError("No field: age");
  }
  if (!user.name) {
    throw new ValidationError("No field: name");
  }
  
  return user;
}

处理这类错误时，我们可以区分不同类型的错误：

try {
  let user = readUser('{ "age": 25 }');
} catch (err) {
  if (err instanceof ValidationError) {
    alert("Invalid data: " + err.message);
  } else if (err instanceof SyntaxError) {
    alert("JSON语法错误: " + err.message);
  } else {
    throw err;  // 重新抛出未知错误
  }
}

进阶：构建错误层次结构

随着应用复杂度增加，我们可以建立更精细的错误层次结构：

class ValidationError extends Error {
  constructor(message) {
    super(message);
    this.name = "ValidationError";
  }
}

class PropertyRequiredError extends ValidationError {
  constructor(property) {
    super("缺少属性: " + property);
    this.name = "PropertyRequiredError";
    this.property = property;
  }
}

这种层次结构使得错误处理更加精确和灵活。

优化：自动设置错误名称

为了避免在每个错误类中重复设置name属性，我们可以创建一个基础错误类：

class MyError extends Error {
  constructor(message) {
    super(message);
    this.name = this.constructor.name;
  }
}

这样所有继承自MyError的类都会自动获得正确的name值。

高级技巧：异常包装

当我们需要简化错误处理接口时，可以使用异常包装技术：

class ReadError extends Error {
  constructor(message, cause) {
    super(message);
    this.cause = cause;
    this.name = 'ReadError';
  }
}

使用方式：

try {
  readUser('{bad json}');
} catch (e) {
  if (e instanceof ReadError) {
    console.log("发生读取错误");
    console.log("原始错误:", e.cause);
  } else {
    throw e;
  }
}

异常包装的优点：