Vous trouverez deux avantages aux fonctions fléchées (ou arrow functions) introduites dans EcmaScript 6 :
une syntaxe allégée par rapport aux fonctions EcmaScript 5,
la non-création d’un nouveau « scope » associé.
Ces avantages supposés semblent abstraits. Voyons au travers d’un exemple complet à quoi cela correspond.
Script complet HTML/JavaScript
<!DOCTYPE html> <!-- Nom du script : arrow.htm Auteur : Christian VIGOUROUX Date de création : 15/10/2018 Date de dernière modification : 15/10/2018 Objet : Utilisation de la syntaxe arrow (=>) --> <!-- Balise html --> <html> <!-- Section head --> <head> <!-- Balise meta de gestion de l’accentuation UTF-8 --> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <!-- Scripts de compatibilité ES6 (transpiling) pour Microsoft Edge --> <script src="https://google.github.io/traceur-compiler/bin/traceur.js"> </script> <script src="https://google.github.io/traceur-compiler/src/bootstrap.js"> ...
Abonnement
tous les livres et vidéos ENI en illimité sans engagement
du livre imprimé ou du livre numérique