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 
      ...
couv_RI4JASAP.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Apports au niveau de la Programmation Orientée Objet
Suivant
Structures Map, Set et boucle for of