| Les deux révisions précédentesRévision précédente | Dernière révisionLes deux révisions suivantes |
| issue139:c_c [2018/12/07 07:20] – d52fr | issue139:c_c [2018/12/07 11:58] – andre_domenech |
|---|
| Nouvelles fonctionnalités | Nouvelles fonctionnalités |
| |
| ES6 apporte avec lui une grand nombre de changements. | ES6 apporte avec lui un grand nombre de changements. |
| |
| Let/Const | Let/Const |
| Spread | Spread |
| |
| N'avez-vous jamais eu un tableau que vous vous vouliez déposer sur la console, ou, dans d'autres cas, la transformer en éléments séparés ? Spread fait exactement ça. Il vous laisse même combiner deux tableaux avec un minimum d’embêtements. | N'avez-vous jamais eu un tableau que vous vouliez déposer sur la console, ou, dans d'autres cas, la transformer en éléments séparés ? Spread fait exactement ça. Il vous laisse même combiner deux tableaux avec un minimum d’embêtements. |
| |
| Les lignes ci-dessus sortiront un tableau avec tous les éléments combinés ensemble. Si vous étiez sur le point de lancer console.log(...fruits), il vous aurait balancer séparément les 3 objets chaînes sans les formater en tableau. | Les lignes ci-dessus sortiront un tableau avec tous les éléments combinés ensemble. Si vous étiez sur le point de lancer console.log(...fruits), il vous aurait balancé séparément les 3 objets chaînes sans les formater en tableau. |
| |
| Literals modèles | Literals modèles |
| Fonctions Flèche | Fonctions Flèche |
| |
| ES6 introduit les fonctions Flèches - elles sont à la base identiques aux fonctions ordinaires, sauf que la syntaxe est différente. L'avantage de cette modification de la syntaxe est que la déclaration complète est plus courte et plus facile à lire. | ES6 introduit les fonctions Flèches, elles sont à la base identiques aux fonctions ordinaires, sauf que la syntaxe est différente. L'avantage de cette modification de la syntaxe est que la déclaration complète est plus courte et plus facile à lire. |
| |
| En JS classique : | En JS classique : |
| Conclusion / Travail personnel | Conclusion / Travail personnel |
| |
| Il y a une foule d'autres choses que ES6 vous permet de faire - telles que de définir plus vite des objets, des classes et beaucoup d'autres. Jusqu'à présent, les sujets listés ci-dessus sont les seuls que j'ai le plus fréquemment utilisé et vu dans la documentation. Comme petit travail personnel, voyez si vous pouvez définir la nouvelle syntaxe la plus courte pour les déclarations d'objets dans ES6. | Il y a une foule d'autres choses que ES6 vous permet de faire, telles que de définir plus vite des objets, des classes et beaucoup d'autres. Jusqu'à présent, les sujets listés ci-dessus sont les seuls que j'ai le plus fréquemment utilisés et vus dans la documentation. Comme petit travail personnel, voyez si vous pouvez définir la nouvelle syntaxe la plus courte pour les déclarations d'objets dans ES6. |
| |
| Pensez-vous que j'ai oublié une fonctionnalité importante ? Alors, merci de le faire savoir par mail à lswest34+fcm@gmail.com. De même, tous ceux qui ont des demandes d'articles et des corrections pour les précédents devraient me le faire savoir à l'adresse indiquée ci-avant. | Pensez-vous que j'ai oublié une fonctionnalité importante ? Alors, merci de le faire savoir par mail à lswest34+fcm@gmail.com. De même, tous ceux qui ont des demandes d'articles et des corrections pour les précédents devraient me le faire savoir à l'adresse indiquée ci-avant. |
| Pour aller plus loin | Pour aller plus loin |
| |
| https://babeljs.io/docs/en/learn/ - Documentation Babel sur ES6 | https://babeljs.io/docs/en/learn/ - Documentation Babel sur ES6. |
| |
| https://codeburst.io/es6-tutorial-for-beginners-5f3c4e7960be - Tutoriel sur des fonctionnalités classiques de ES6 | https://codeburst.io/es6-tutorial-for-beginners-5f3c4e7960be - Tutoriel sur des fonctionnalités classiques de ES6. |
| |
| https://es6console.com - Console en ligne où vous pouvez tester ES6. | https://es6console.com - Console en ligne où vous pouvez tester ES6. |
