Fonctions anonymes (arrow functions)

Il est possible en JavaScript (et en TypeScript) de définir une fonction qui n'a pas de nom (fonction anonyme) et/ou d'assigner une fonction anonyme à une variable. Elles sont utiles puisqu'elles peuvent être passées en argument à d'autres fonctions.

Par exemple:

let aireCarre = function(x) {
	return Math.pow(x, 2);
}

console.log(aireCarre(3));

On peut réécrire cette fonction en omettant le terme function et en utilisant la flèche =>.

let aireCarre = (x) => {
	return Math.pow(x, 2);
}

console.log(aireCarre(3));

Si la fonction ne tient que sur une seule ligne, il est possible d'enlever les accolades.

let aireCarre = (x) => Math.pow(x, 2);

console.log(aireCarre(3));

info

Bien que cette forme soit condensée sur une seule ligne, je n'aime pas particulièrement la forme puisqu'elle est moins lisible que les précédentes.

Si la fonction n'a pas de paramètres, les parenthèses doivent être présentes.

let bienvenue = () => console.log('Bienvenue!');