<unblogdedev/>

Mon petit blog sans prétention autour du développement web

Articles avec le tag 'frontend'

JavaScript ES6 : Les fonctions fléchées

@ygascard
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

 

Je suis un vieux de la vielle et pour moi, la validation de formulaire côté front est toujours passée par JavaScript. En cours, c'est ce que l'on voit et c'est normal. On doit toujours faire une validation côté serveur mais c'est bien moins agréable pour l'utilisateur en matière d'UX. On va donc chercher à faire cela côté front et donc cela passe par JS. Mais voilà, dans la plupart des cas, nous n'avons pas de formulaire complexe. On a juste besoin de valider les saisies. Celui-ci ne fait d'ailleurs pas spécialement d'erreur en utilisation courante et cela ne pause pas de problème. Bien évi