Comment attendre que les promesses se résolvent en javascript

Les promesses sont des fonctionnalités largement utilisées dans le langage de programmation JavaScript. Les promesses ont un rôle clé dans JavaScript pour attendre que l'exécution de tâches spécifiques soit terminée. Il permet à l'utilisateur d'exécuter la tâche suivante après avoir terminé une tâche. Ce message démontre la promesse d'attendre en utilisant le résoudre() Méthode en javascript. Il est utile pour les fonctions de rappel qui exécutent un morceau de code basé sur les besoins des utilisateurs. De plus, il peut gérer le contrôle des flux des événements asynchrones, où les événements parallèles sont appelés.

Pourquoi les promesses sont nécessaires en JavaScript?

JavaScript peut effectuer une tâche à un moment donné d'une manière séquentielle. Cependant, l'exécution du code en parallèle provoque certains problèmes. Par exemple, si un utilisateur définit 5 secondes pour le setTimeout () Méthode, le JavaScript exécutera la partie suivante du code avant de terminer la tâche précédente. Par conséquent, les promesses sont nécessaires pour attendre que la tâche actuelle soit exécutée.

Travail des promesses en javascript

Une promesse est un objet basé sur JavaScript qui renvoie une valeur après avoir terminé ou effectué une tâche asynchrone. La tâche terminée fait référence à l'appel de fonction Resolve, tandis que la tâche incomplète indique l'appel de fonction de rejet. La syntaxe est fournie ici en considérant la promesse avec l'appel de fonction de résolution.

Syntaxe

Promesse.résoudre (valeur);

La syntaxe renvoie une promesse "objet" qui résout le passage valeur.

Différents états de promesse en javascript

La promesse est créée en utilisant le constructeur. Une promesse est un objet qui contient trois formulaires, «Fais», "rejeté", et "en attente" et sont décrits ci-dessous:

• réalisé: fait référence à la promesse résolue.
• rejeté: indique que la promesse a été rejetée.
• en attente: Spécifiez l'état initial avant que la promesse ne soit rejetée ou résolue.

Note: La promesse est principalement utilisée pour les opérations asynchrones. Mais les utilisateurs peuvent rejeter ou résoudre l'opération en synchronisant.

Passons comme différents exemples sont considérés comme attendant la promesse avec différentes périodes.

Exemple 1: en attente de 3 secondes

Un exemple est suivi en utilisant la promesse d'attendre 3000 millisecondes en JavaScript.

Code

console.log ('Exemple pour attendre que les promesses soient résolues');
const p1 = nouvelle promesse ((résoudre, rejeter) =>
setTimeout (() =>
console.log («première promesse résolue»);
, 3000);
);

Dans ce code:

• Premièrement, le "Promesse" Le constructeur est appelé par un nouveau mot-clé.
• Après cela, rappeler un setTimeout () Méthode en passant une chaîne "La première promesse résolue" et «3000» millisecondes.
• Par conséquent, la chaîne passante attend 3 secondes pour résoudre la promesse en javascript.

Sortir

La sortie montre qu'un message "La première promesse résolue" est affiché après 3 secondes.

Exemple 2: Utilisation des mots clés «Async» et «Await» pour attendre une promesse

Un autre exemple est considéré en utilisant le asynchrone et attendre Mots-clés pour attendre les promesses en JavaScript. Le code est fourni ci-dessous.

Code

console.log («promet d'être résolu»);
Fonction asynchrone info ()
const promest = new promest (résolve =>
Resolve («Bienvenue à JavaScript»));
const txt = attendre la promesse;
console.log (txt);
retour txt;
Info()

Dans ce code:

• Premièrement, fonction Info() est employé avec le "Async" mot-clé qui renvoie la promesse.
• Après cela, le "Promesse" Le constructeur est appelé avec un nouveau mot-clé et rappel au «résoudre()" méthode.
• Un message "Bienvenue à JavaScript" est passé comme un argument pour résoudre la méthode.
• Le "Async" Le mot-clé est autorisé avec le «attendre" mot-clé.
• Le attendre Le mot-clé est utilisé pour attendre les promesses et les stocker dans le "SMS" variable.
• En fin de compte, le Info() la méthode est appelée pour retourner le "SMS" variable.

Sortir

La sortie renvoie un message "Bienvenue à JavaScript" en utilisant la méthode de promesse de résolution.

Exemple 3: Attendez 2 secondes en utilisant des mots clés «Async» et «Await»

Le code suivant est transporté pour attendre que les promesses soient résolues en utilisant le asynchrone et attendre mots clés.

console.log («promet d'être résolu»);
fonction async wait_tim ()
Soit P2 = attendre la promesse;
console.log (p2);

Soit promettre = nouvelle promesse (résoudre =>
setTimeout (() => Resolve ('JavaScript'), 2000);
);
wait_tim ();

L'explication du code est la suivante:

• Premièrement, le wait_tim () la méthode est définie avec le "Async" mot-clé qui renvoie la promesse.
• De plus, le attendre Le mot-clé est employé pour attendre une promesse et la stocker dans le "SMS" variable.
• Après cela, le "Promesse" Le constructeur est appelé avec un nouveau mot-clé qui rappelle un résoudre méthode.
• Dans cette méthode, le setTimeout () la méthode est utilisée en passant une chaîne "JavaScript" et «2000» millisecondes.
• En fin de compte, le "Wait_tim ()" la méthode est appelée à attendre "2 secondes" Pour résoudre la promesse.

Sortir

La sortie montre qu'un message "JavaScript" attend 2 secondes avant d'imprimer sur la console.

Conclusion

JavaScript fournit un Promesse.résoudre() Méthode pour attendre les promesses et renvoie un objet de promesse qui est résolu en fournissant une valeur donnée. Cet article explique le fonctionnement d'un objet de promesse avec la syntaxe. La méthode est utile pour contrôler le flux d'événements asynchrones, où les événements parallèles sont appelés. De plus, de nombreux exemples sont fournis pour attendre la promesse en utilisant le setTimeout () méthode.