C'est quoi une Promesse en JavaScript ? Comment utiliser les Promises JS ?
Вставка
- Опубліковано 20 вер 2024
- Dans cette vidéo tutorial javascript en français ce qu'est une Promise JS, nous abordons :
* quel est le problème fondamental en Javascript qui induit les traitements asynchrones
* comment les callback ont essayé de répondre à ce problème, mais présentent tout de même des défauts
* ce que sont les Promises, et comment les utiliser
* comment créer une Promise avec resolve et reject
* la notation async/await pour une écriture plus simple des Promise
#TutoJSFrançais #LevelUpTonDev
----------
Ma lettre de nouvelles : signup.kodaps....
Mon site : kodaps.fr
Sur Medium (en anglais) : / gosev
Mon matos :
* Canon M50 : amzn.to/2OBNlqb
* Eclairage : amzn.to/3kYXlG3
* Fond vert retractable : amzn.to/3bxg5sV
Merci beaucoup boss. Vidéo très bien expliquée sur les promesses. 👍
super pédagogie pour sujet pas évident à expliquer. un exemple filmé dans un éditeur aurait bien complété car l’affichage de code statique est moins évident.
Mais bravo je cherchais une telle explication, je l’ai enfin trouvée …
Très bon professeur ! Je recommande 😜
Merci ! ;)
Yeeeah! Cette vidéo est vraiment très bien expliquée! Merci énormément!
Je m'abonne!
Franchement c'est tout bête, mais expliquer le mono-thread avec l'analogie Cinema /JV fait prendre tout son sens au sujet !
Franchement continu !
ua-cam.com/video/8aGhZQkoFbQ/v-deo.html pour plus de detail
Merci pour la suggestion :)
Très bonnes explications merci !
Avec plaisir :)
Merci de m'avoir éclairer. A plus
Avec grand plaisir, ravi d'avoir pu être utile :)
Video très instructive..merciiii beaucoup 💥💥
Avec plaisir, merci pour les encouragements !
excellent !
Merci ! :)
vidéo très utile, merci
Merci beaucoup pour les encouragements ! :)
Excellente vidéo, merci.
Merci, excellente video 👍
Super
Super mercii!!!
Bien expliqué, tu prends le temps et ça c’est cool. 👍 peut être qu’avec des petits exemples tout simples ça peut être pas mal 😊
Par exemple le second then prend en paramètre le résultat du premier (si j’ai bien compris), mais du coup, ce paramètre c’est un objet (puisque c’est une également une promesse) et pas vraiment une donnée brut, alors comment se fait il que je puisse simplement le console.log(value)?
resolve(« promesse tenue »);
myPromise.then( (resultat) => console.log(resultat));
La fonction then retourne une promesse mais reçoit en paramètre le résultat de la *résolution* de la promesse précédente. Du coup le console.log montrera la valeur et non la promesse qui l'encapsule, si on se place dans l'exécution du then. (Je suis pas certain d'avoir rendu les choses plus claires mais si c'est pas clair dites le moi et j'essaierai de reformuler plus clairement :) )
@@kodaps_fr Merci pour ta réponse !😊 d’accord je crois que je comprends.
Et est ce que cette « résolution » est le return de la promesse ?
Dans ce cas, quel est la valeur de la résolution pour une fonction « void »?
Et dans ce cas, resolve(truc); réalise donc return truc; ?
Désolé pour mon imprécision mais quand je dis une fonction « void » c’est parce que j’ai vu qu’en ajoutant async, la fonction retourne une promesse.
Mais quelle est la nature de sa résolution si la fonction en elle même ne retourne rien? Quel argument passera dans le then du coup?
Oui et non : Une promesse retourne "conceptuellement" sa résolution ou une erreur, mais ce retour est asynchrone : ce n'est pas un return au sens classique, mais un appel "à un moment dans le futur" d'une fonction resolve qui va changer l'état interne de la promesse et déclencher l'appel. Donc en gros c'est un retour mais pas un return.
@@HugoDuprez449 ah une fonction async qui fait un return vide va effectivement retourner un Promise (en notation TypeScript). Si on applique un then sur la fonction, au moment de la résolution le then sera appelé sans valeur. (Sans tester, je saurai pas vous dire si un paramètre qu’on met dans l’appel du then qu’on log rend undefined ou null, mais c’est un autre débat. )
J'avais l'habitude de faire un try pour chaque await mais là je me rends compte qu'un seul try suffit et que le catch capturerait donc n'importe quelle exception qui se serait levé avec les promesses. A moins que j'ai mal compris.. 🤔
Un try général marcherait … mais ce n’est pas toujours la bonne solution, parfois on a besoin de traiter l’erreur la ou elle se produit :)