JavaScript - Custom Errors: A Beginner's Guide

Привет, будущие маги JavaScript! Сегодня мы отправимся в увлекательное путешествие в мир пользовательских ошибок в JavaScript. Не волнуйтесь, если вы новички в программировании - я буду вашим дружественным проводником, который разберет сложные концепции на удобоваримые части. Так что возьмите любимый напиток, устройтесь поудобнее и погружайтесь с нами!

Класс Error: Ваш новый лучший друг

Прежде чем мы начнем создавать свои собственные пользовательские ошибки, познакомимся с内置 Error классом в JavaScript. Представьте его как основу, на которой мы построим наше произведение искусства обработки ошибок.

Класс Error resembles a template for creating error objects. When something goes wrong in your code, JavaScript uses this class to give you information about what happened. Let's look at a simple example:

try {
throw new Error("Oops! Something went wrong!");
} catch (error) {
console.log(error.message);
}

В этом примере мы преднамеренно выбрасываем ошибку, используя ключевое слово throw и класс Error. Блок catch затем перехватывает эту ошибку и выводит ее сообщение в консоль.

When you run this code, you'll see:

Oops! Something went wrong!

See how easy that was? The Error class gave us a way to create and handle errors in our code. But what if we want to create more specific types of errors? That's where custom errors come in!

Создание пользовательских ошибок с использованием экземпляра класса Error

Теперь, когда мы понимаем базовый класс Error, создадим свою первую пользовательскую ошибку. Мы начнем с самого простого метода: использования экземпляра класса Error.

function divide(a, b) {
if (b === 0) {
throw new Error("DivisionByZeroError: Cannot divide by zero!");
}
return a / b;
}

try {
console.log(divide(10, 0));
} catch (error) {
console.log(error.message);
}

В этом примере мы создали функцию divide, которая выбрасывает пользовательскую ошибку, когда кто-то пытается разделить на ноль. When we run this code, we'll see:

DivisionByZeroError: Cannot divide by zero!

Этот метод прост и эффективен, но он не позволяет нам создавать真正 пользовательские типы ошибок. Давайте рассмотрим более продвинутые методы!

Создание пользовательских ошибок с использованием функционального конструктора

Другой способ создания пользовательских ошибок - использование функционального конструктора. Этот метод gives us больше гибкости в определении наших типов ошибок.

function CustomError(message) {
this.name = "CustomError";
this.message = message || "A custom error occurred";
this.stack = (new Error()).stack;
}

CustomError.prototype = Object.create(Error.prototype);
CustomError.prototype.constructor = CustomError;

try {
throw new CustomError("This is my custom error!");
} catch (error) {
console.log(error.name + ": " + error.message);
}

When we run this code, we'll see:

CustomError: This is my custom error!

Этот метод позволяет нам создавать новый тип ошибки с своим названием и стандартным сообщением. Это как создание целого нового вида ошибок!

Создание пользовательских ошибок путём расширения класса Error

Для нашего последнего трюка мы используем синтаксис классов ES6 для расширения класса Error. Это мой любимый метод, потому что он чистый, интуитивный и мощный.

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

function validateUser(user) {
if (!user.username) {
throw new ValidationError("Username is required");
}
if (!user.email) {
throw new ValidationError("Email is required");
}
}

try {
validateUser({ username: "johndoe" });
} catch (error) {
if (error instanceof ValidationError) {
console.log(`${error.name}: ${error.message}`);
console.log(`Error occurred on: ${error.date}`);
} else {
console.log("An unknown error occurred");
}
}

When we run this code, we'll see:

ValidationError: Email is required
Error occurred on: [текущая дата и время]

Этот метод позволяет нам создавать сложные пользовательские ошибки с дополнительными свойствами (например, date в этом примере) и методами, если это необходимо.

Заключение: Таблица методов

Чтобы резюмировать методы, которые мы изучили, вот удобная таблица:

Метод	Плюсы	Минусы
Использование экземпляра Error	Простой, быстрый в реализации	Ограниченная customizeция
Функциональный конструктор	Гибкий, позволяет добавлять пользовательские свойства	Более сложный синтаксис
Расширение класса Error	Чистый синтаксис, полная customizeция	Требует понимания классов ES6

Remember, there's no one-size-fits-all solution. The best method depends on your specific needs and the complexity of your project.

Custom errors are like secret weapons in your JavaScript arsenal. They help you catch and handle problems in your code more effectively, making your programs more robust and easier to debug. So go forth, young coders, and may your errors always be custom and your debugging swift!

Credits: Image by storyset