Les fonctions fléchées (arrow functions) sont à mon sens une des choses qui apportent le plus grand changement en ES6 et sont très utilisées actuellement. Elles arrivent d'ailleurs en PHP avec la version 7.4 ! Elles diffèrent très légèrement des fonctions régulières et voici comment. Les fonctions fléchées ont été introduites en JavaScript avec la version ES6/ECMAScript 2015 et ont changé pour toujours le look d'un code JS et la façon dont il fonctionne. Cela a été tellement bienvenu qu'il se fait désormais rare de voir un code utiliser le mot function dans du code moderne. Mais attention,

 

En ES5, nous déclarions des variables via var. Ces variables, ont une portée fonctionnelle, leur portée étant la plus proche des fonctions englobantes. Le comportement de var peut donc être parfois déroutant. Voici un exemple : var x = 5; function func(randomize) { if (randomize) { var x = Math.random(); // portée: fonction entière return x; } return x; // accède à la variable x de la ligne 4 } func(false); // undefined func(0); // undefined Le fait que la fonction func() retourne undefined peut-être surprenant. On peut mieux comprendre pourquoi

 

JavaScript ES6 dispose de nombreuses nouveautés fort utiles par rapport à Common JS (ES5). Ceci est le premier article d'une série sur ces nouveautés et avantages. Même si aujourd'hui la majorité du parc navigateurs est compatible, il reste conseillé de convertir notre code en ES5 en utilisant un transpiler pour qu'il soit compris par tous les navigateurs. Un transpiler est un type de compilateur qui prend le code source d'un langage de programmation et le convertit en un autre langage ou version. Le transpiler le plus utilisé pour ES6 est Babel, que l'on incorpore généralement dans notre p