在JavaScript中创建自定义错误

news2025/1/19 3:43:55

🧑‍🎓 个人主页：《爱蹦跶的大A阿》

🔥当前正在更新专栏：《VUE》、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》

✨ 前言

✨ 正文

简介

创建自定义错误

自定义错误属性

instanceof 检查类型

自定义错误处理

总结

✨ 结语

✨ 前言

JavaScript提供了基础的Error对象来表示代码运行时出现的错误。但有时内置的Error对象无法满足我们表示应用程序中特定错误情况的需要。这时我们就可以创建自定义的错误类。

本文将介绍在JavaScript中如何定义自定义错误,使我们可以更好地管理应用中的异常。我们将学习继承Error的方法、添加自定义属性、以及如何识别和处理自定义错误对象。

✨ 正文

简介

JavaScript允许我们创建自定义的错误对象,以便更好地表示应用程序中出现的特定错误情况。这比只使用内置的Error对象更有意义。

创建自定义错误

自定义错误可以通过继承内置的Error对象来创建:

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

throw new ValidationError("Invalid input");

这里我们创建了一个ValidationError类,它继承自Error。我们可以设置name属性来定义错误类型,并在构造函数中传入自定义消息。

这样一来,就可以通过ValidationError类来生成应用程序特定的错误对象了。

自定义错误属性

错误对象可以携带额外的属性用来保存相关信息:

class ValidationError extends Error {

  constructor(message) {
    super(message);
    this.name = "ValidationError";
    this.details = {
      field: "username", 
      code: 100
    };
  }

}

这里我们为ValidationError对象添加了一个details属性,用来保存错误的相关详情。

instanceof 检查类型

可以用instanceof来检查错误对象的具体类型:

try {
  // ...
} catch(err) {
  
  if (err instanceof ValidationError) {
    alert("Invalid input!"); // 处理 ValidationError
  }
  
}

所以实例对象能够保存具体的错误信息。

自定义错误处理

一旦创建了自定义错误,就可以在catch块针对性地处理:

class ValidationError extends Error {
  // ...
}

try {
  // ...
} catch(err) {

  if (err instanceof ValidationError) {
    alert(`Invalid input: ${err.message}`); 
    return;
  }
  
  throw err;

}

这里如果捕获到一个ValidationError,我们就直接进行处理,否则再次抛出。

这让错误处理更加灵活。