阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

JavaScript 開發人員,有一種新的方法可以處理錯誤,而無需依賴混亂、重複的 try-catch 區塊。認識安全賦值運算子 (?=),這是一項即將推出的功能,有望使 JavaScript 中的錯誤處理更簡單、更清晰、更易於管理。讓我們來分析一下它是如何運作的以及為什麼它值得使用。

Try-Catch 區塊的問題

傳統上,JavaScript 使用 try-catch 區塊來處理錯誤,尤其是在涉及非同步操作的函數中。但是,當您有多層 try-catch 時,程式碼很快就會變得複雜、難以閱讀且難以維護。

圖片說明

解決方案:?= 運算符

新的 ?= 運算子提供了一個簡單而有效的替代方案。 ?= 讓您可以直接在一行中處理錯誤,而不是為每個錯誤編寫單獨的 try-catch 區塊。這使您的程式碼更乾淨、更易於閱讀。

以下是 ?= 運算子的工作原理:

  • 它會傳回一對值:[錯誤,結果]。

  • 如果發生錯誤,第一個值是錯誤,第二個值是 null。

  • 如果沒有錯誤,第一個值為 null,第二個值為結果。

讓我們看看它如何簡化我們之前的範例:

圖片說明

在此版本中,網路錯誤和 JSON 解析錯誤都在一行中處理。不需要嵌套的 try-catch 區塊,使程式碼更乾淨、更直接。

為什麼 ?= 是 JavaScript 的遊戲規則改變者

  • 更簡潔的程式碼:使用 ?=,您可以在一行中處理多個潛在錯誤,而無需使用額外的 try-catch 區塊。

  • 集中錯誤處理:您無需將錯誤處理程式碼分散到函數的不同部分,而是將所有內容放在一起,使其更易於閱讀。

  • 更好的效能:嘗試捕獲層更少,程式碼執行效率更高。

  • 輕鬆非同步處理:對於非同步函數,?= 運算子可讓您更簡單地處理錯誤,而無需犧牲功能,這對於 API 和 Web 應用程式特別有用。

  • 之前和之後:並排比較

為了了解差異,讓我們將舊的錯誤處理方法與新方法進行比較。

舊方法(使用 try-catch):

圖片說明

新方法(帶?=):

圖片說明

看看第二個版本簡單多少?易於閱讀並刪除冗餘程式碼。

展望未來:JavaScript 中錯誤處理的未來

?= 運算子不只是一個微小的變化,它代表了 JavaScript 中一種新的、簡化的錯誤處理方法。隨著 JavaScript 的不斷發展,此類工具有助於使其成為更強大的現代語言,用於建立 Web 和伺服器應用程式。

如果您厭倦了混亂的 try-catch 區塊,請在可用時嘗試 ?= 。它是一個簡單的工具,可以使您的程式碼更清晰,錯誤處理也更容易。


原文出處:https://dev.to/richardshaju/stop-using-try-catch-a-better-way-to-handle-errors-in-javascript-14cm

按讚的人:

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈