1. @flornt#PromessesYield
Promesses et Yield
Les Future<?> de JavaScript
!
Florent Le Gall
!
@flornt
!
!

2. @flornt#PromessesYield
L’asynchronisme
get /book/bookId
Afficher la couverture
Afficher le contenu
get /url/to/content
Avec la gestion des erreurs !
Et des resources !

3. @flornt#PromessesYield
Avec des callbacks

4. @flornt#PromessesYield
Avec des promesses

5. @flornt#PromessesYield
Avec les générateurs

6. @flornt#PromessesYield
Function *
!
•C’est un générateur (ECMAScript 6)
!
•Il permet de renvoyer un résultat partiel à la fonction
appelante…
•… et d’être rappelé par une autre valeur…
•… mais c’est toujours asynchrone !

7. @flornt#PromessesYield
Yield + Promesses
!
!
On cède une promesse et on est rappelé avec le résultat

8. @flornt#PromessesYield
On peut aussi faire l’inverse
Convertir un générateur en promesse

9. @flornt#PromessesYield
Oui, mais …
… on ne peut utiliser yield que depuis un générateur
Pour déléguer à un autre générateur

10. @flornt#PromessesYield
Où l’utiliser ?
!
• instable (0.11X)
!
• 27 +
!
• 30 + (en activant « Experimental JavaScript
Features »)

11. @flornt#PromessesYield
Quelques librairies JavaScript
!
!
•TaskJS: http://taskjs.org
!
•Q: https://github.com/kriskowal/q

12. @flornt#YourSessionHashtag
Que choisir ?
On expose un service
asynchrone
On utilise un service
asynchrone
Il vaut mieux renvoyer une
promesse
On peut utiliser un
générateur pour consommer
la promesse

13. @YourTwitterHandle#DVXFR14{session hashtag} @flornt#PromessesYield
Pour
résum
er

14. @flornt#PromessesYield
Yield c’est facile !
•Permet de simplifier la gestion des traitements
asynchrones
!
•Conserve l’asynchronisme de JavaScript
!
•Si vous faites une API JS : renvoyez des promesses !
!
•Si vous consommez une API JS : utilisez yield !

15. @YourTwitterHandle#DVXFR14{session hashtag} @flornt#PromessesYield
Q
&
A

16. @flornt#PromessesYield
!
Merci !