>  기사  >  웹 프론트엔드  >  Untry를 사용하여 JavaScript의 오류 처리 단순화

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

Patricia Arquette
Patricia Arquette원래의
2024-10-16 06:23:02610검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.