Comment mettre en œuvre des promesses en JavaScript?

Les promesses en JavaScript sont essentiellement utilisées pour gérer les opérations opérations asynchrones. Cet article vous aidera à explorer le concept en détail.

Promesses dans sont essentiellement utilisés pour gérer les opérations opérations asynchrones. Une promesse est un objet qui peut produire une seule valeur dans le futur: soit une valeur résolue, soit une erreur.

Les pointeurs suivants seront traités dans cet article,





Commençons par cet article sur les promesses en JavaScript

Importance:

Les promesses sont utiles lorsqu'il y a plusieurs opérations asynchrones à traiter. Avant que les promesses ne soient introduites dans JavaScript, des événements et des fonctions de rappel étaient utilisés pour gérer les opérations asynchrones. Étant donné que les événements ne sont pas très utiles en cas d'opérations asynchrones, ils ne sont pas préférés. Venir au rappel, les utiliser en multiples créerait un tel désordre qu'il était très difficile pour quiconque de comprendre le code.
Par conséquent, les promesses sont le premier choix de chaque codeur pour gérer les opérations asynchrones de la manière la plus simple. Ils ont des fonctionnalités avancées qui leur permettent de gérer plus facilement les opérations que le rappel et les événements.



  • Promises rend le code lisible, ce qui signifie qu'il peut également être édité par les codeurs à un stade ultérieur de développement.
  • Il y a une meilleure gestion tout au long des opérations asynchrones par rapport au rappel et à l'événement.
  • La gestion avancée des erreurs est également considérée comme une fonctionnalité importante.
  • Il existe un bien meilleur flux de définition de contrôle en asynchrone.

Continuez avec cet article sur les promesses en JavaScript

Type d'états:

Rempli: Lié à ces promesses qui sont réussies.
Rejeté: Lié à ces promesses qui sont rejetées.
En attente: Liés à ces promesses en suspens, c'est-à-dire ni rejetées ni acceptées.
Colonisé: Lié à ces promesses qui sont tenues ou rejetées.

Continuez avec cet article sur les promesses en JavaScript



Création de promesses

Une promesse est créée à l'aide du constructeur de promesse.

héritage multiple en java avec exemple

Syntaxe:

var promise = new Promise (function (résoudre, rejeter) {// faire quelque chose ici})

Paramètres:
Le constructeur de promesse prend un argument, la fonction de rappel. Il y a deux arguments dans la fonction de rappel, résoudre ou rejeter. Les opérations sont effectuées à l'intérieur des fonctions de rappel, si tout s'est bien passé, l'appel est résolu, sinon l'appel est rejeté.

Continuez avec cet article sur les promesses en JavaScript

Exemple 1:

var promise = new Promise (function (résoudre, rejeter) {/ * déclarer et définir deux variables de type de données const avec le même contenu. * / const a = 'Bonjour! Je m'appelle Yash et je m'intéresse à l'informatique.' const b = 'Bonjour! Je m'appelle Yash et je suis intéressé par l'informatique.' // vérifier si les deux contenus stockés dans les variables sont identiques ou non if (a === b) {// appel de la résolution de résoudre () } else {// appel de la promesse de rejet de rejet ()}}). then (function () {console.log ('Promise Resolved !!')}). catch (function () {console.log ('Promise rejetée !!')})

Production:
Sortie - Promesses en JavaScript - Edureka

Continuez avec cet article sur les promesses en JavaScript

Exemple 2:

var promise = new Promise (function (résoudre, rejeter) {// initialiser deux variables avec des valeurs entières const x = 11 + 2 const y = 26/2 // vérifier si les deux variables sont égales ou non if (x === y ) {// appel de la résolution de la résolution ()} else {// de l'appel du rejet du rejet ()}}) promise. then (function () {console.log ('Promise is Resolved !!')}). catch (function () {console.log ('Promise is Rejected !!')})

Production:

Continuez avec cet article sur les promesses en JavaScript

Exemple 3:

var promise = new Promise (function (résoudre, rejeter) {const i = 'Hello' const a = 'World' // effectuer l'ajout de deux variables pour stocker la valeur dans une autre variable const j = i + a if ((i + a ) === j) {// appel de la résolution de résoudre ()} else {// de l'appel de la demande de rejet de rejet ()}}). then (function () {console.log ('Promise is Resolved !!')}). catch (function () {console.log ('Promise is Rejected !!')})

Production:

Continuez avec cet article sur les promesses en JavaScript

Les consommateurs dans les promesses

Il existe deux fonctions d'enregistrement:

puis()

Lorsqu'une promesse est résolue ou rejetée, alors () est invoqué.

Paramètres:

  • Si la promesse est résolue, la première fonction est exécutée et un résultat est reçu.
  • Si la promesse est rejetée, la deuxième fonction est exécutée et une erreur s'affiche à l'écran.

Syntaxe:

.then (fonction (résultat) {// gestion du succès}, fonction (erreur) {// gestion de l'erreur})

Continuez avec cet article sur les promesses en JavaScript

Exemple

Quand la promesse est résolue

// résolution de la promesse var promise = new Promise (function (résoudre, rejeter) {résoudre ('Le message de réussite est écrit ici!')}) promise .then (function (successMessageishere) {// la fonction de gestion du succès est appelée console.log (successMessageishere)}, fonction (errorMessageishere) {console.log (errorMessageishere)})

Production:

Continuez avec cet article sur les promesses en JavaScript

Quand la promesse est rejetée

// Rejet de la promesse var promise = new Promise (function (résoudre, rejeter) {rejeter ('Le message de rejet est écrit ici!')}) Promise .then (function (successMessage) {console.log (successMessage)}, function ( errorMessage) {// la fonction de gestionnaire d'erreurs est appelée console.log (errorMessage)})

Production:

Continuez avec cet article sur les promesses en JavaScript

Capture ( )

Chaque fois qu'il y a une sorte d'erreur ou que la promesse est rejetée pendant le temps d'exécution, catch () est invoqué.
Paramètres:

  • Une seule fonction est passée en paramètre dans la méthode catch ().
  • Cette fonction est conçue pour gérer les erreurs ou promettre des rejets.

Syntaxe:

.catch (fonction (erreur) {// erreur de gestion})

Continuez avec cet article sur les promesses en JavaScript

Exemple 1:

var promise = new Promise (function (résoudre, rejeter) {rejeter ('Promise is Rejected')}) promise .then (function (success) {console.log (success)}) .catch (function (error) {// la fonction de gestionnaire d'erreurs est appelée console.log (error)})

Production:

Continuez avec cet article sur les promesses en JavaScript

Exemple 2:

var promise = new Promise (function (résoudre, rejeter) {// message d'erreur throw new Error ('Il y a une erreur!')}) promise .then (function (success) {console.log (success)}) .catch (function (error) {// la fonction du gestionnaire d'erreurs est appelée console.log (error)})

Production:

Continuez avec cet article sur les promesses en JavaScript

Exemple 3:

var promise = new Promise (function (résoudre, rejeter) {// le message d'erreur peut être édité ici throw new Error ('some error came!')}) promise .then (function (Thissuccess) {console.log (Thissuccess)} ) .catch (function (Thiserror) {// fonction de gestionnaire d'erreurs appelée console.log (Thiserror)})

Production:

Application:
1. Gestion des événements asynchrones.
2. Gestion des requêtes http asynchrones.

Nous sommes donc arrivés à la fin de cet article sur les «Promesses en JavaScript». Si vous souhaitez en savoir plus, consultez le par Edureka, une entreprise d'apprentissage en ligne de confiance. Le cours de formation et de certification Java J2EE et SOA d'Edureka est conçu pour vous former aux concepts Java de base et avancés ainsi qu'à divers frameworks Java tels que Hibernate et Spring.

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de ce blog et nous vous répondrons dans les plus brefs délais.