Sommaire

Fonctions fléchées (arrow functions) Fonction:fléchée

1. Avantages des fonctions fléchées

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.

2. Exemple

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">  ...