Les fonctions fléchées en Javascript

Les fonctions fléchées ont été introduites avec ES6 comme nouvelle syntaxe pour écrire des fonctions JavaScript. Ils font gagner du temps aux développeurs et simplifient la portée des fonctions. Regardons l’évolution des syntaxes de fonction en JavaScript.
 
 

Fonction régulière:

function sayHello() {
   return "Hello World!";
}

 

Fonction avec ES5:

sayHello = function() {
  return "Hello World!";
}

 

Fonction avec ES6:

sayHello = () => "Hello World!";

 

Qu’est-ce qu’une fonction fléchée?

Les fonctions fléchées ont une syntaxe plus concise pour écrire des fonctions. Ils utilisent => qui ressemble à une flèche. Les fonctions fléchées sont des fonctions anonymes.

Les fonctions fléchées rendent notre code plus concis et simplifient la portée des fonctions. Ce sont des fonctions sur une seule ligne qui fonctionnent un peu comme les Lambdas dans d’autres langages comme Java ou Python. En utilisant les fonctions fléchées, nous évitons d’avoir à taper le mot clé function, return et les accolades {} (sont implicites dans les fonctions fléchées).
 

Exemple:

Si vous avez des paramètres, vous les passez entre parenthèses:

somme = (n1 , n2) => n1 + n2;

somme(1, 2); // 3