建立 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、C 和瀏覽器之間到底有什麼關係?它們之間看似毫無關聯,但實際上,它們在現代網絡開發中扮演著非常重要的角色。今天我們就來深入探討一下這三者之間的緊密聯繫。通過這篇文章,你將了解到JavaScript如何在瀏覽器中運行,C 在瀏覽器引擎中的作用,以及它們如何共同推動網頁的渲染和交互。 JavaScript與瀏覽器的關係我們都知道,JavaScript是前端開發的核心語言,它直接在瀏覽器中運行,讓網頁變得生動有趣。你是否曾經想過,為什麼JavaScr

Node.js擅長於高效I/O,這在很大程度上要歸功於流。 流媒體匯總處理數據,避免內存過載 - 大型文件,網絡任務和實時應用程序的理想。將流與打字稿的類型安全結合起來創建POWE

Python和JavaScript在性能和效率方面的差異主要體現在:1)Python作為解釋型語言,運行速度較慢,但開發效率高,適合快速原型開發;2)JavaScript在瀏覽器中受限於單線程,但在Node.js中可利用多線程和異步I/O提升性能,兩者在實際項目中各有優勢。

JavaScript起源於1995年,由布蘭登·艾克創造,實現語言為C語言。 1.C語言為JavaScript提供了高性能和系統級編程能力。 2.JavaScript的內存管理和性能優化依賴於C語言。 3.C語言的跨平台特性幫助JavaScript在不同操作系統上高效運行。

JavaScript在瀏覽器和Node.js環境中運行,依賴JavaScript引擎解析和執行代碼。 1)解析階段生成抽象語法樹(AST);2)編譯階段將AST轉換為字節碼或機器碼;3)執行階段執行編譯後的代碼。

Python和JavaScript的未來趨勢包括:1.Python將鞏固在科學計算和AI領域的地位,2.JavaScript將推動Web技術發展,3.跨平台開發將成為熱門,4.性能優化將是重點。兩者都將繼續在各自領域擴展應用場景,並在性能上有更多突破。

Python和JavaScript在開發環境上的選擇都很重要。 1)Python的開發環境包括PyCharm、JupyterNotebook和Anaconda,適合數據科學和快速原型開發。 2)JavaScript的開發環境包括Node.js、VSCode和Webpack,適用於前端和後端開發。根據項目需求選擇合適的工具可以提高開發效率和項目成功率。

是的,JavaScript的引擎核心是用C語言編寫的。 1)C語言提供了高效性能和底層控制,適合JavaScript引擎的開發。 2)以V8引擎為例,其核心用C 編寫,結合了C的效率和麵向對象特性。 3)JavaScript引擎的工作原理包括解析、編譯和執行,C語言在這些過程中發揮關鍵作用。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

禪工作室 13.0.1
強大的PHP整合開發環境

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境