Fonctions fléchées

Les fonctions fléchées offrent une manière plus courte d'écrire des fonctions en JavaScript. Elles sont particulièrement pratiques pour les fonctions courtes et simples.

Une expression de fonction fléchée a une syntaxe plus courte par rapport aux expressions de fonction et ne possède pas ses propres liaisons avec les mots-clés this, arguments, super, ou new.target. Les fonctions fléchées sont toujours anonymes.

Voici la syntaxe de base d'une fonction fléchée :

(param1, param2) => {
	// Corps de la fonction
	// ...
	return value; // Instruction return facultative
}

Si la fonction n'a qu'un seul paramètre, vous pouvez omettre les parenthèses autour de la liste des paramètres. Si le corps de la fonction ne contient qu'une seule expression, vous pouvez omettre les accolades et le mot-clé return. Le résultat de l'expression sera retourné implicitement.

Voici un exemple d'une expression de fonction traditionnelle :

let add = function(a, b) {
	return a + b;
};

Voici la même fonction écrite sous forme de fonction fléchée :

let add = (a, b) => a + b;

Dans cet exemple, les parenthèses autour des paramètres sont conservées car il y a deux paramètres. Les accolades et le mot-clé return sont omis car le corps de la fonction ne contient qu'une seule expression.

Voici un autre exemple sans paramètres :

let greet = () => console.log("Hello!");
greet(); // Résultat : Hello!

Dans ce cas, une paire de parenthèses vides est utilisée pour indiquer que la fonction n'a pas de paramètres.

Les fonctions fléchées sont souvent utilisées lorsque vous devez passer une fonction courte en tant qu'argument à une autre fonction.