首页 > web前端 > js教程 > 正文

使用 Untry 简化 JavaScript 中的错误处理

Patricia Arquette
发布: 2024-10-16 06:23:02
原创
547 人浏览过

Simplifying Error Handling in JavaScript with Untry

错误处理是软件开发的一个重要方面,可确保应用程序保持稳定且用户友好。然而,管理 JavaScript 中的错误可能既麻烦又耗时。这就是 Untry 的用武之地——一个简化错误处理的轻量级库。

JavaScript 错误处理。

JavaScript 错误处理依赖于 try-catch 块,这可能会变得笨拙且难以管理,特别是在处理嵌套异步调用时。这种方法可以导致:

  • 未处理的错误从裂缝中溜走
  • 发生错误后资源清理困难
  • 代码中充斥着错误处理逻辑

过于复杂和深层嵌套的 try-catch 块会造成维护噩梦。尝试使用多层 try-catch 语句来处理错误会导致代码混淆、错​​误屏蔽和吞噬异常。异步代码和回调加剧了问题。

让我们看一个示例,了解 JavaScript 中的 try-catch 错误处理有多复杂。采用获取产品详细信息的电子商务 API 端点:

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 失败,它将返回相同的通用响应。

让我们以一种可以单独处理每个异步调用的错误的方式进行重构,并决定在每种情况下做什么:

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 })
})
登录后复制

现在代码会单独处理每种情况,尽管它看起来可读性较差,因此可维护性较差。

让我们可以使用 Untry 单独处理每种情况,而不牺牲太多可读性:

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 是一个轻量级的 JavaScript 库,灵感来自 Go 的错误处理哲学。这种方法消除了 try-catch 流程。允许使用错误作为值而不是异常进行显式错误管理。

Untry 的工作原理

Untry 执行一个函数,捕获内部的任何错误,并返回一个包含结果值和任何抛出的错误的数组。这是一个管理错误的简单解决方案,使您的代码更加健壮、可读和可维护。

import untry from 'untry';

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

主要优点

  • 简化的错误处理
  • 显式错误管理
  • 故障时轻松清理
  • 可定制的错误处理
  • 简化您的开发

使用 Untry,您可以:

  • 编写更健壮的代码
  • 减少错误处理样板
  • 逃离尝试捕捉地狱

NPM 包:https://www.npmjs.com/package/untry

以上是使用 Untry 简化 JavaScript 中的错误处理的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!