C'est quoi une Promesse en JavaScript ? Comment utiliser les Promises JS ?

Поделиться
HTML-код
  • Опубликовано: 17 окт 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

Комментарии • 31

  • @miramaralingo
    @miramaralingo Год назад +2

    Merci beaucoup boss. Vidéo très bien expliquée sur les promesses. 👍

  • @Aymekiss
    @Aymekiss 2 года назад +3

    Très bon professeur ! Je recommande 😜

  • @chr_aikicom
    @chr_aikicom Год назад +1

    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 …

  • @jrelwaldo
    @jrelwaldo 2 года назад +1

    Yeeeah! Cette vidéo est vraiment très bien expliquée! Merci énormément!
    Je m'abonne!

  • @medinikse9144
    @medinikse9144 4 месяца назад

    Super mercii!!!

  • @frankdearr2772
    @frankdearr2772 9 месяцев назад

    Merci, excellente video 👍

  • @sitebeatmakersamples4284
    @sitebeatmakersamples4284 2 года назад +1

    Très bonnes explications merci !

  • @clement2814
    @clement2814 2 года назад

    Excellente vidéo, merci.

  • @mairahs16
    @mairahs16 2 года назад

    Video très instructive..merciiii beaucoup 💥💥

    • @kodaps_fr
      @kodaps_fr  2 года назад

      Avec plaisir, merci pour les encouragements !

  • @prudencetanguyglaba1324
    @prudencetanguyglaba1324 3 года назад +1

    Merci de m'avoir éclairer. A plus

    • @kodaps_fr
      @kodaps_fr  3 года назад

      Avec grand plaisir, ravi d'avoir pu être utile :)

  • @ohendesign7432
    @ohendesign7432 3 года назад +1

    vidéo très utile, merci

    • @kodaps_fr
      @kodaps_fr  3 года назад

      Merci beaucoup pour les encouragements ! :)

  • @ibrahimsoma1045
    @ibrahimsoma1045 6 месяцев назад

    excellent !

  • @africanpeople1470
    @africanpeople1470 6 месяцев назад

    Super

  • @zak7145
    @zak7145 3 года назад +3

    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 !

    • @zak7145
      @zak7145 3 года назад

      ruclips.net/video/8aGhZQkoFbQ/видео.html pour plus de detail

    • @kodaps_fr
      @kodaps_fr  3 года назад

      Merci pour la suggestion :)

  • @caleblyc4080
    @caleblyc4080 Год назад

    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.. 🤔

    • @kodaps_fr
      @kodaps_fr  Год назад

      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 :)

  • @HugoDuprez449
    @HugoDuprez449 3 года назад

    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));

    • @kodaps_fr
      @kodaps_fr  3 года назад +1

      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 :) )

    • @HugoDuprez449
      @HugoDuprez449 3 года назад

      @@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; ?

    • @HugoDuprez449
      @HugoDuprez449 3 года назад

      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?

    • @kodaps_fr
      @kodaps_fr  3 года назад +1

      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.

    • @kodaps_fr
      @kodaps_fr  3 года назад +1

      @@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. )