3: Arrow functions

En JS on utilise souvent des fonction anonymes.

On peut simplifier leur écriture avec les « Arrow functions ». En français: « Fonctions fléchées ».

On peut supprimer « function » et utiliser une flèche =>

function(a,b,c){...}    devient   (a,b,c)=>{...}
Quand il n'y a qu'un seul paramètre, on peut omettre les parenthèses:

function(a){...}    devient   a=>{...}
Sans paramètre, on utilise des parenthèses vides:

function(){...}    devient   ()=>{}
Quand il n'y a qu'une seule instruction, et qu'on veut retourner sa valeur, on peut omettre les accolades:

function(a,b,c){return a+b+c}    devient   (a,b,c)=>a+b+c
function(a){return 2*a}    devient   a=>2*a

Exemples
document.addEventListener('click',()=>console.log('click'));
let tab=[100,50,320];
let total=0;
tab.forEach((v)=>total+=v);
Attention:  « this » a une valeur différente dans une fonction flèche.