Promesse Javascript
exp |
JavaScript
Michael Zippo
04.11.2021
le code asynchrone était un problème d`écriture en JavaScript. Pour écrire des opérations asynchrones dans votre code, vous devez traiter plusieurs niveaux de rappels. Plus vous introduisez de fonctionnalités dans votre code, plus il est difficile à lire.
Dans SS6, les promesses sont venues à la rescousse. Les promesses sont un moyen d`écrire efficacement du code asynchrone en JavaScript.
Dans ce guide, nous allons parler de ce que sont les promesses et de leur fonctionnement. Nous allons voir un exemple qui promet de vous aider à apprendre à les utiliser dans votre code. Commençons !
Qu`est-ce qu`une promesse ?
Une promesse est un objet qui renvoie une réponse que vous souhaitez recevoir à l`avenir.
AA bon façon de penser aux promesses JavaScript est de les comparer à la façon dont les gens font des promesses. Lorsque vous faites une promesse, c`est une garantie que vous ferez quelque chose à une date ultérieure. Vous ne ferez pas cette chose maintenant; vous le ferez ultérieurement
Une promesse peut exister dans l`un des trois états.
- En attente : une promesse n`a pas été. encore terminé
- rejeté. la promesse n`a pas à renvoyer de valeur
- Fulfilled. une promesse a été tenue
Cela ressemble aux promesses dans la vraie vie. Vous pouvez avoir une promesse exceptionnelle dont vous dites qu`elle tiendra dans le futur. Vous pouvez tenir une promesse. Vous pouvez refuser ou "rompre" une promesse et ne pas tenir ce que vous avez convenu de faire.
Lorsque vous faites une promesse, elle sera en attente. La promesse existera dans cet état jusqu`à ce qu`une réponse soit reçue et la promesse est remplie ou rejetée
Si notre promesse est rejetée, le contenu du catch () sera exécutée
Voyons ce qui se passera lorsque nous lancerons notre co de :
cinnamon
cinnamon valeur renvoyée car notre promesse a été résolue avec succès. Si la valeur de "name" n`était pas "Cinnamon" dans notre promesse, une erreur serait renvoyée :
Non détecté (dans la promesse) Cette promesse n`a pas
<. p> Nous avons spécifié le message d`erreur : "Cette promesse a échoué. " Dans notre fonction require () dans notre promesse.
enfin () avec des promesses
Et si vous voulez exécuter un bloc de code après qu`une promesse a été exécutée, peu importe si la promesse a réussi ou échoué
>
C`est là que l`instruction last () devient pratique>. L`instruction last () est exécutée, que la promesse soit honorée ou rejetée . Laissons le dernier jour appeler notre promesse enfin utiliser une déclaration :
Notre code renvoie :.
Cinnamon
La promesse returnName a été exécutée
nos déclarations de promesse cannelle parce que c`était réussi. Le contenu de l`instruction finally () est ensuite exécuté, ce qui renvoie un message à notre console.
Conclusion
Promet JavaScript vous permet d`écrire votre propre code de manière asynchrone.
Dans ce guide, nous avons couvert les bases des promesses. Il y a beaucoup plus de promesses que nous avons couvertes dans ce guide. La prochaine étape de votre parcours d`apprentissage consiste à écrire des promesses dans votre code.
Voici un défi :. Rédigez une promesse qui fait une requête Web et renvoie sa réponse. Pour ce faire, vous devez utiliser l`API fetch () pour effectuer une requête. Cette demande doit être jointe à une promesse. Vous devez écrire du code qui gère la promesse à la fois si elle réussit et si elle échoue.
Si vous voulez approfondir, consultez le JavaScript async fonctionne. Ceux-ci peuvent être utilisés pour écrire du code asynchrone et sont couramment utilisés avec des promesses.
Vous êtes maintenant prêt à commencer à écrire des promesses JavaScript comme un expert !
p>
