Untry를 사용하여 JavaScript의 오류 처리 단순화

Patricia Arquette
풀어 주다: 2024-10-16 06:23:02
원래의
547명이 탐색했습니다.

Simplifying Error Handling in JavaScript with Untry

오류 처리는 소프트웨어 개발의 중요한 측면으로, 애플리케이션이 안정적이고 사용자 친화적으로 유지되도록 보장합니다. 그러나 JavaScript에서 오류를 관리하는 것은 번거롭고 시간이 많이 걸릴 수 있습니다. 오류 처리를 단순화하는 경량 라이브러리인 Untry가 바로 여기에 있습니다.

자바스크립트 오류 처리.

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는 Go의 오류 처리 철학에서 영감을 받은 경량 JavaScript 라이브러리입니다. 이 접근 방식은 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 학습자의 빠른 성장을 도와주세요!