エラー処理はソフトウェア開発の重要な側(cè)面であり、アプリケーションの安定性と使いやすさを確保します。ただし、JavaScript でのエラーの管理は面倒で時(shí)間がかかる場(chǎng)合があります。そこで、エラー処理を簡(jiǎn)素化する軽量ライブラリである Untry が登場(chǎng)します。

JavaScript のエラー処理。

JavaScript のエラー処理は try-catch ブロックに依存しているため、特にネストされた非同期呼び出しを処理する場(chǎng)合、扱いにくく、管理が困難になる可能性があります。このアプローチにより、次のような問題が発生する可能性があります。

• 未処理のエラーが亀裂をすり抜けてしまう
• エラー発生後のリソースのクリーンアップが困難
• コードがエラー処理ロジックで亂雑になっている

過度に複雑で深くネストされた try-catch ブロックはメンテナンスの悪夢(mèng)を引き起こします。複數(shù)の層の try-catch ステートメントを使用してエラーを処理しようとすると、コードの難読化、エラーのマスキング、および飲み込まれた例外が発生します。非同期コードとコールバックは問題を悪化させます。

JavaScript での try-catch エラー処理がいかに複雑になるかを例を見てみましょう。製品の詳細(xì)を取得する eCommerce 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 のいずれかが失敗すると、同じ一般的な応答が返されます。

非同期呼び出しごとにエラーを個(gè)別に処理できる方法でリファクタリングし、それぞれのケースで何をすべきかを決定しましょう。

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 })
})

コードは各ケースを個(gè)別に処理するようになりましたが、可読性が低く、保守性も低いように見えます。

Untry を使用して、可読性をあまり?duì)咨摔工毪长趣胜鳐暴`スを個(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 は、Go のエラー処理哲學(xué)からインスピレーションを得た軽量の JavaScript ライブラリです。このアプローチにより、try-catch フローが排除されます。エラーを例外ではなく値として使用して、明示的なエラー管理を可能にします。

Untry の仕組み

Untry は関數(shù)を?qū)g行し、內(nèi)部のエラーをキャッチし、結(jié)果の値とスローされたエラーを含む配列を返します。これは、エラーを管理し、コードをより堅(jiān)牢にし、読みやすく、保守しやすくするためのシンプルなソリューションです。

import untry from 'untry';

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

主な利點(diǎn)

• 簡(jiǎn)素化されたエラー処理
• 明示的なエラー管理
• 失敗時(shí)の簡(jiǎn)単なクリーンアップ
• カスタマイズ可能なエラー処理
• 開発を合理化します

Untry を使用すると、次のことが可能になります。

• より堅(jiān)牢なコードを作成する
• 定型的なエラー処理を削減
• トライキャッチ地獄から脫出

NPM パッケージ: https://www.npmjs.com/package/untry

以上がUntry を使用した JavaScript でのエラー処理の簡(jiǎn)素化の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。