在JavaScript中创建自定义错误

🧑‍🎓 个人主页：《爱蹦跶的大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,我们就直接进行处理,否则再次抛出。

这让错误处理更加灵活。

总结

• 可以通过继承Error并设置name来自定义错误类型。
• 错误对象可以携带额外属性来保存详情。
• instanceof可用于判断错误类型。
• 自定义错误使得错误处理更加灵活。

自定义错误对象是让我们的应用管理错误更加高效的方式。

✨ 结语

        通过创建自定义错误类,我们可以更准确地表示应用中出现的各种异常情况。这可以帮助我们编写出更可靠、可读性更强的代码。正确处理错误是一个qualified JavaScript开发者必备的技能。

        希望本文可以让你对在JavaScript中创建和使用自定义错误有一个全面的理解。将它运用到项目中去,会让代码的错误处理机制更加完善。

​