Comment gérer les erreurs avec élégance avec Promise.all en JavaScript ?

Gestion des erreurs dans Promise.all

Promise.all, une méthode puissante en JavaScript, est utilisée pour gérer un tableau de promesses. Bien que cela simplifie la concurrence, la gestion des erreurs peut être délicate. Cet article explore les défis potentiels et propose des solutions pour gérer efficacement les erreurs.

L'énigme Promise.all

Promise.all, comme son nom l'indique, vise une approche globale résolution en attendant que toutes les promesses d’un tableau soient terminées ou jusqu’à ce que l’on rencontre une erreur. Si une promesse échoue, Promise.all la rejette immédiatement, sans tenir compte des promesses non résolues restantes. Ce comportement peut être limitant, en particulier lorsque l'objectif est d'obtenir des données de toutes les promesses, même celles qui ont rencontré des erreurs.

Gestion des erreurs avec des promesses non résolues

A L'approche courante consiste à détecter les erreurs dans chaque promesse, en renvoyant l'erreur sous forme de valeur régulière. Cela permet à la chaîne Promise.all de se résoudre avec un tableau contenant à la fois les valeurs résolues et les objets d'erreur. Cependant, cette approche suppose que le code suivant peut gérer les objets d'erreur comme des valeurs de réussite, ce qui n'est pas toujours le cas.

Promise.when : Une approche alternative

Certaines bibliothèques proposent une variante appelée Promise.when, qui se comporte différemment de Promise.all. Au lieu de rejeter à la première erreur, Promise.when attend que toutes les promesses soient résolues ou rejetées, renvoyant un tableau qui reflète le résultat de chaque promesse. Cela peut être utile lorsque l'objectif est d'obtenir des résultats de toutes les promesses, quelles que soient les erreurs.

Implémentation en code réel

L'extrait de code suivant montre comment gérer les erreurs dans Promise.all tout en autorisant les promesses non résolues :

<code class="javascript">Promise.all(state.routes.map(function(route) {
  return route.handler.promiseHandler().catch(function(err) {
    return err;
  });
}))
.then(function(arrayOfValuesOrErrors) {
  // Handle array containing both values and error objects
})
.catch(function(err) {
  // Handle unexpected errors
});</code>

Dans ce code, chaque promesse du tableau gère les erreurs en interne, renvoyant l'erreur sous forme de valeur. Promise.all se résout avec un tableau contenant à la fois les valeurs résolues et les objets d'erreur. Le code suivant peut ensuite traiter ce tableau pour gérer séparément les résultats réussis et les erreurs.

Conclusion

En comprenant les limites de Promise.all et en employant des approches alternatives comme Promise. Lors de la gestion personnalisée des erreurs dans Promises, les développeurs peuvent gérer efficacement les erreurs et obtenir des données de toutes les promesses, quelles que soient les erreurs rencontrées.

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!