JavaScript での非同期エラーの処理: クイックガイド

JavaScript の非同期エラーは、ネットワーク リクエストやファイル I/O などの操作が予期せず失敗したときに発生します。これらのエラーは適切に処理しないと、アプリのクラッシュや異常な動作につながる可能性があります。ここでは、コード内の非同期エラーを管理する効果的な方法についての簡単なガイドを示します。

1. Async/Await を使用した Try-Catch

非同期関数の場合、try-catch ブロックでコードをラップすると、エラーを適切に処理できます。その方法は次のとおりです:

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data); // Process data
  } catch (error) {
    console.error('Fetch error:', error); // Handle error
  }
}

2. 約束の拒否への対応

Promise を直接操作している場合、.catch() メソッドを使用すると拒否を簡単に処理できます。

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Promise rejection:', error));

3. グローバルエラー処理

アプリケーション全体で未処理の拒否を検出するには、unhandledrejection イベントを使用します。

window.addEventListener('unhandledrejection', event => {
  console.error('Unhandled rejection:', event.reason);
});

4. エラーのログ記録とレポート

コンソールへのエラーのログ記録は開発では機能しますが、運用アプリでは Sentry や LogRocket などの専用エラー追跡ツールの恩恵を受けます。

非同期エラー処理の詳細については、Medium の記事全文をご覧ください: JavaScript 非同期エラーの処理方法 : 実践ガイド

以上がJavaScript での非同期エラーの処理: クイックガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。