构建 Web 应用程序时,事情并不总是按计划进行。用户可能会尝试无效的操作,数据可能会丢失,或者可能会出现意外的错误。优雅地处理这些错误对于创建可靠的应用程序和提供良好的用户体验至关重要。
在这篇文章中,我将向您展示如何在 Node.js 应用程序中实现简单而有效的错误处理系统。让我们深入了解一下! ?
错误处理的基础知识
在 JavaScript 中,错误通常表示为 Error 类的实例。当出现问题时,您可以“抛出”错误,并且您的应用程序可以捕获它以做出相应的响应。然而,在较大的应用程序中,仅使用基本 Error 类来管理错误可能会变得混乱。
这就是自定义错误类派上用场的地方!
创建自定义错误类
这是一个名为 AppError 的类,我们可以用它来定义结构化且有意义的错误:
export class AppError extends Error { constructor(name, httpCode, description, isOperational, errors = []) { super(description); // Call the parent class (Error) constructor this.name = name; // Name of the error (e.g., ValidationError) this.httpCode = httpCode; // HTTP status code (e.g., 400, 404, 500) this.isOperational = isOperational; // Flag to distinguish between operational and system errors this.errors = errors; // Optional array of detailed error messages } }
它是如何工作的?
- name:描述错误的类型,例如 ValidationError 或 NotFoundError。
- httpCode:设置适当的 HTTP 状态代码,例如 400 表示错误请求,500 表示服务器错误。
- 描述:提供描述错误的用户友好消息。
- isOperational:一个布尔标志,指示错误是预期的(例如,用户输入问题)还是意外的(例如,错误)。
- 错误:可选列表,包含有关错误的更多具体详细信息(对于验证错误很有用)。
一个简单的错误处理中间件
现在我们有了自定义错误类,我们需要一种方法来在我们的应用程序中处理这些错误。输入中间件:
export const errorHandler = (err, req, res, next) => { if (err instanceof AppError) { // Handle operational errors res.status(err.httpCode).json({ success: false, error: err.name, message: err.message, errors: err.errors || [], }); } else { // Handle unexpected errors console.error('Unexpected Error:', err.stack); // Log the stack trace for debugging res.status(500).json({ success: false, error: 'InternalServerError', message: 'Something went wrong. Please try again later.', }); } };
这是做什么的?
检查错误类型:
如果错误是 AppError 的实例,则将其视为操作错误。这些是您预期的错误(例如,验证问题或缺少资源)。
如果不是 AppError,则将其视为意外错误。这些可能是您的代码中的错误或您没有计划的事情。
Responds with the right status code and message: For AppError instances, it sends a structured JSON response containing the error details. For unexpected errors, it sends a generic 500 response to the user and logs the details for debugging.
把它们放在一起
假设您的 Express 应用程序中有一条路线,用户可以在其中提交表单,但缺少某些字段。您可以像这样使用 AppError 类:
app.post('/submit-form', (req, res, next) => { const { name, email } = req.body; if (!name || !email) { const errors = []; if (!name) errors.push({ field: 'name', message: 'Name is required.' }); if (!email) errors.push({ field: 'email', message: 'Email is required.' }); return next(new AppError('ValidationError', 400, 'Invalid input data.', true, errors)); } res.json({ success: true, message: 'Form submitted successfully!' }); }); // Register the error-handling middleware app.use(errorHandler);
出现错误时会发生什么?
如果姓名或电子邮件丢失,AppError 实例将传递到下一个函数。
errorHandler 中间件捕获它并发送结构化 JSON 响应:
{ "success": false, "error": "ValidationError", "message": "Invalid input data.", "errors": [ { "field": "name", "message": "Name is required." }, { "field": "email", "message": "Email is required." } ] }
为什么使用这种模式?
- 清晰度:自定义错误类使您的错误更具描述性且更易于调试。
- 一致性:每个错误都遵循可预测的结构,使前端开发人员更容易处理。
- 关注点分离:您的路由处理程序专注于逻辑,而中间件则处理错误响应。
结论
错误处理不必很复杂!通过使用自定义错误类和中间件,您可以构建一个强大且适合初学者的系统,使您的应用程序可靠并让用户满意。
您对这种做法有何看法?对于处理 Node.js 中的错误,您有什么技巧或窍门吗?请在下面的评论中告诉我!
以上是在 Node.js 中构建简单有效的错误处理系统的详细内容。更多信息请关注PHP中文网其他相关文章!

JavaScript字符串替换方法详解及常见问题解答 本文将探讨两种在JavaScript中替换字符串字符的方法:在JavaScript代码内部替换和在网页HTML内部替换。 在JavaScript代码内部替换字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项,需使用正则表达式并添加全局标志g: str = str.replace(/fi

本教程向您展示了如何将自定义的Google搜索API集成到您的博客或网站中,提供了比标准WordPress主题搜索功能更精致的搜索体验。 令人惊讶的是简单!您将能够将搜索限制为Y

利用轻松的网页布局:8个基本插件 jQuery大大简化了网页布局。 本文重点介绍了简化该过程的八个功能强大的JQuery插件,对于手动网站创建特别有用

因此,在这里,您准备好了解所有称为Ajax的东西。但是,到底是什么? AJAX一词是指用于创建动态,交互式Web内容的一系列宽松的技术。 Ajax一词,最初由Jesse J创造

核心要点 JavaScript 中的 this 通常指代“拥有”该方法的对象,但具体取决于函数的调用方式。 没有当前对象时,this 指代全局对象。在 Web 浏览器中,它由 window 表示。 调用函数时,this 保持全局对象;但调用对象构造函数或其任何方法时,this 指代对象的实例。 可以使用 call()、apply() 和 bind() 等方法更改 this 的上下文。这些方法使用给定的 this 值和参数调用函数。 JavaScript 是一门优秀的编程语言。几年前,这句话可

该帖子编写了有用的作弊表,参考指南,快速食谱以及用于Android,BlackBerry和iPhone应用程序开发的代码片段。 没有开发人员应该没有他们! 触摸手势参考指南(PDF) Desig的宝贵资源

jQuery是一个很棒的JavaScript框架。但是,与任何图书馆一样,有时有必要在引擎盖下发现发生了什么。也许是因为您正在追踪一个错误,或者只是对jQuery如何实现特定UI感到好奇


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

Dreamweaver Mac版
视觉化网页开发工具

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。