Comment chaîner les promesses en javascript

L'objet JavaScript Promise est utilisé pour gérer les fonctions asynchrones. Il représente l'état et les données renvoyées par la fonction spécifiée. L'état de l'objet Promise peut vous aider à déterminer si la fonction asynchrone ajoutée est terminée, rejetée ou est toujours en attente.

En JavaScript, les promesses sont enchaînées pour gérer le flux d'exécution dans un programme. Les promesses de chaînage sont également utiles lorsque vous devez exécuter une série de fonctions asynchrones, où chacune dépend de la fonction antérieure. Il comprend également la propagation des erreurs.

Cet article discutera de la procédure de Promesses de chaîne dans Javascrip avec l'aide d'exemples appropriés. Alors, commençons!

Comment créer une promesse en javascript

Vous pouvez utiliser le "Promesse()«Constructeur pour créer un objet de promesse dans votre programme:

Soit Promise = nouvelle promesse (fonction (résoudre, rejeter)
// corps de la fonction
)

En JavaScript, le «Promesse()«Le constructeur accepte un«fonction()«Comme argument qui a en outre deux arguments:«résoudre()" et "rejeter()". La fonction Resolve () sera invoquée si la promesse est retournée avec succès; sinon, la fonction rejeter () sera appelée.

Exemple: comment créer une promesse en javascript
Dans le programme ci-dessous, nous créerons un objet de promesse nommé «valeur numérotée"En utilisant le constructeur Promise (). Selon la syntaxe donnée, nous avons ajouté les paramètres "résoudre()" et "rejeter()"Pour notre objet de promesse:

const Number = true;
Selt NumberValue = nouvelle promesse (fonction (résoudre, rejeter)
if (nombre)
résoudre ("nous avons un nombre");
autre
rejeter ("nous n'avons aucun nombre");

);

La valeur du «nombre" est réglé sur "vrai«Donc, dans ce cas, la promesse sera résolue:

console.log (nombreValue);

L'exécution du programme fourni renverra l'objet Promise avec son état:

Comment chaîner les promesses en javascript

Si vous êtes coincé dans une situation où vous devez exécuter plusieurs tâches asynchrones dans une séquence, la promesse de chaînage peut vous aider à cet égard.

Avec un chaînage de promesses, vous pouvez spécifier les opérations après la résolution de la promesse particulière. À cette fin, le javascript «alors()","attraper()", et "enfin()«Des méthodes sont utilisées.

Comment chaîner les promesses en javascript en utilisant alors () la méthode

Le javascript "alors()«La méthode est utilisée pour ajouter la fonction de gestionnaire à l'objet Promise créé. Cette méthode comprend «ful" et "sur le point»Paramètres, vous permettant de gérer les scénarios où les promesses sont tenues ou échouées.

Syntaxe de la méthode JavaScript alors ()

promesseObject.puis (sur ondule, onrejected);

Ici "ful" et "sur le point"Sont l'argument du"alors()" méthode. Cette méthode renverra un objet de promesse avec le résultat de la fonction de gestionnaire.

Exemple: comment chaîner les promesses en javascript en utilisant alors () la méthode
Tout d'abord, nous créerons un objet de promesse nommé «valeur numérotée»Avec l'aide du constructeur Promise ():

Selt NumberValue = nouvelle promesse (fonction (résoudre, rejeter)
Const Product = 2;
résolution (produit);
);

Après cela, nous utiliserons «alors()"Méthode pour enchaîner les fonctions"SuccessValue ()" et "SuccessValue1 ()", et "SuccessValue2 ()" avec le "produit" comme "ful«Argument à la promesse:

valeur numérotée
.alors (fonction SuccessValue (produit)
console.journal (produit);
Produit de retour * 2;
)
.alors (fonction SuccessValue1 (produit)
console.journal (produit);
Produit de retour * 4;
)
.alors (fonction SuccessValue2 (produit)
console.journal (produit);
Produit de retour * 6;
);

La chaîne ajoutée des méthodes alors () sera exécutée lorsque la promesse spécifiée sera tenue:

Comment chaîner les promesses en JavaScript en utilisant la méthode Catch ()

Le javascript "attraper()»La méthode gère les promesses rejetées ou le cas lorsqu'une erreur se produit. Il est considéré comme une bonne pratique pour rejeter une promesse plutôt que de générer une erreur explicitement.

Exemple: comment chaîner les promesses en JavaScript en utilisant la méthode Catch ()
Maintenant, nous allons essayer d'ajouter une méthode catch () dans l'exemple précédent:

Selt NumberValue = nouvelle promesse (fonction (résoudre, rejeter)
rejeter («malheureusement, la promesse est rejetée»);
);
valeur numérotée.alors(
fonction SuccessValue (résultat)
console.log (résultat);
,
)

Le diable «attraper()«La méthode sera exécutée si une erreur se produit:

.attraper(
fonction errorValue (result)
console.log (résultat);

));

Comme vous pouvez le voir sur la sortie que le «valeur numérotée«La promesse est rejetée et«attraper()«La méthode est ensuite utilisée pour gérer l'erreur:

Comment utiliser la méthode enfin () avec des promesses

Le "enfin()"La méthode est utilisée dans une situation où vous devez exécuter un code, que la promesse ajoutée soit tenue ou non.

Exemple: comment utiliser la méthode enfin () avec des promesses
Nous avons ajouté le javascript "enfin()«Dans l'exemple suivant qui exécutera l'une ou l'autre promesse est rejeté ou rempli:

Selt NumberValue = nouvelle promesse (fonction (résoudre, rejeter)
résoudre («la promesse est résolue»);
);
valeur numérotée.enfin(
fonction msg ()
console.log ('code est exécuté avec succès');

));

La sortie ci-dessus signifie que le code a ajouté dans le "enfin()«La méthode est exécutée avec succès, et la promesse est résolue.

Conclusion

En utilisant alors() et attraper() Méthodes, vous pouvez enchaîner les promesses en javascript. La méthode alors () est utilisée pour spécifier l'opération qui doit être effectuée lorsque la promesse ajoutée est tenue, tandis que la méthode catch () gère le cas lorsque la promesse est rejetée. Cet article a discuté de la procédure de promesse de chaîne en JavaScript en utilisant les méthodes alors () et catch ().