錯(cuò)誤處理是軟體開發(fā)的重要方面，可確保應(yīng)用程式保持穩(wěn)定且使用者友好。然而，管理 JavaScript 中的錯(cuò)誤可能既麻煩又耗時(shí)。這就是 Untry 的用武之地——一個(gè)簡化錯(cuò)誤處理的輕量級函式庫。

JavaScript 錯(cuò)誤處理。

JavaScript 錯(cuò)誤處理依賴 try-catch 區(qū)塊，這可能會(huì)變得笨拙且難以管理，特別是在處理嵌套非同步呼叫時(shí)。這種方法可以導(dǎo)致：

• 未處理的錯(cuò)誤從裂縫中溜走
• 發(fā)生錯(cuò)誤後資源清理困難
• 程式碼充斥著錯(cuò)誤處理邏輯

過於複雜且深層嵌套的 try-catch 區(qū)塊會(huì)造成維護(hù)噩夢。嘗試使用多層 try-catch 語句來處理錯(cuò)誤會(huì)導(dǎo)致程式碼混淆、錯(cuò)誤屏蔽和吞噬異常。非同步代碼和回調(diào)加劇了問題。

讓我們來看一個(gè)範(fàn)例，了解 JavaScript 中的 try-catch 錯(cuò)誤處理有多複雜。採用取得產(chǎn)品詳細(xì)資訊的電子商務(wù) API 端點(diǎn)：

app.get('/product/:id', async (req, res) => {
   try {
      const product = await fetchProduct(req.params.id)
      const reviews = await fetchReviews(req.params.id)
      res.json({ product, reviews })
   } catch (error) {
      res.status(500).send('Something went wrong!')
   }
});

如果 fetchProduct 或 fetchReviews 失敗，它將傳回相同的通用回應(yīng)。

讓我們以一種可以單獨(dú)處理每個(gè)非同步呼叫的錯(cuò)誤的方式進(jìn)行重構(gòu)，並決定在每種情況下做什麼：

app.get('/product/:id', async (req, res) => {
   let product
   let reviews
   let productError
   let reviewsError

   // product
   try {
      product = await fetchProduct(req.params.id)
   } catch (error) {
      productError = error
   }

   if (productError) {
      res.status(500).json({ error: productError })
      return
   }

   // reviews
   try {
      reviews = await fetchReviews(req.params.id)
   } catch (error) {
      reviewsError = error
   }

   if (reviewsError) {
      res.status(500).json({ error: reviewsError })
      return
   }

   // final response
   res.json({ product, reviews })
})

現(xiàn)在程式碼會(huì)單獨(dú)處理每種情況，儘管它看起來可讀性較差，因此可維護(hù)性較差。

讓我們可以使用 Untry 單獨(dú)處理每個(gè)情況，而不犧牲太多可讀性：

app.get('/product/:id', async (req, res) => {
   let [product, productError] = await untry(() => fetchProduct(req.params.id))
   if (productError) {
      res.status(500).json({ error: productError })
      return
   }

   let [reviews, reviewsError] = await untry(() => fetchReviews(req.params.id))
   if (reviewsError) {
      res.status(500).json({ error: reviewsError })
      return
   }

   res.json({ product, reviews })
})

什麼是安特里？

Untry 是一個(gè)輕量級的 JavaScript 函式庫，靈感來自 Go 的錯(cuò)誤處理哲學(xué)。這種方法消除了 try-catch 流程。允許使用錯(cuò)誤作為值而不是異常進(jìn)行明確錯(cuò)誤管理。

Untry 的工作原理

Untry 執(zhí)行一個(gè)函數(shù)，捕獲內(nèi)部的任何錯(cuò)誤，並傳回一個(gè)包含結(jié)果值和任何拋出的錯(cuò)誤的陣列。這是一個(gè)管理錯(cuò)誤的簡單解決方案，使您的程式碼更加健壯、可讀和可維護(hù)。

import untry from 'untry';

let [value, error] = untry(() => {
  // code that might throw an error
});

主要優(yōu)點(diǎn)

• 簡化的錯(cuò)誤處理
• 明確錯(cuò)誤管理
• 故障時(shí)輕鬆清理
• 可自訂的錯(cuò)誤處理
• 簡化您的開發(fā)

使用 Untry，您可以：

• 寫更健壯的程式碼
• 減少錯(cuò)誤處理樣板
• 逃離嘗試捕捉地獄

NPM 套件：https://www.npmjs.com/package/untry

以上是使用 Untry 簡化 JavaScript 中的錯(cuò)誤處理的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！