Gestion des erreurs asynchrones en JavaScript : un guide rapide

Des erreurs asynchrones dans JavaScript surviennent lorsque des opérations telles que des requêtes réseau ou des E/S de fichiers échouent de manière inattendue. Sans une gestion appropriée, ces erreurs peuvent entraîner des plantages d’applications ou un comportement erratique. Voici un bref guide sur quelques moyens efficaces de gérer les erreurs asynchrones dans votre code.

1. Essayez-Catch avec Async/Await

Pour les fonctions asynchrones, encapsuler le code dans un bloc try-catch vous permet de gérer les erreurs avec élégance. Voici comment :

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. Gestion des rejets de promesses

Si vous travaillez directement avec des promesses, la méthode .catch() vous permet de gérer facilement les rejets :

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

3. Gestion globale des erreurs

Pour détecter tout rejet non géré dans votre candidature, utilisez l'événement unhandledrejection :

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

4. Journalisation et rapport des erreurs

Bien que la journalisation des erreurs sur la console fonctionne pour le développement, les applications de production bénéficient d'outils dédiés de suivi des erreurs comme Sentry ou LogRocket.

Pour un examen plus approfondi de la gestion des erreurs asynchrones, consultez mon article complet sur Medium : Comment gérer les erreurs asynchrones JavaScript : un guide pratique

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!