Les fonctions fléchées en JavaScript sont une manière concise d'écrire des fonctions. Introduits dans ES6, ils offrent une syntaxe plus claire, notamment lorsqu'ils sont utilisés comme fonctions de rappel.

Une fonction fléchée est un moyen plus court d'écrire une expression de fonction :

// Traditional function
function add(a, b) {
 return a   b;
}

// Arrow function
const add = (a, b) => a   b;

Les fonctions fléchées offrent plusieurs avantages en JavaScript. Leur syntaxe concise conduit à moins de code et à une plus grande lisibilité, ce qui facilite la compréhension et la maintenance de votre base de code.

De plus, ils permettent un retour implicite dans des expressions uniques, éliminant ainsi le besoin du mot-clé return.

Une autre caractéristique clé des fonctions fléchées est leur lexical this, ce qui signifie qu'elles n'ont pas leur propre contexte this.

Cela les rend particulièrement utiles pour les rappels :

// Traditional function
setTimeout(function() {
 console.log('Hello, World!');
}, 1000);

// Arrow function
setTimeout(() => console.log('Hello, World!'), 1000);

Les fonctions fléchées rendent vos rappels plus propres et moins verbeux. Sans problèmes contraignants à craindre, ils constituent souvent le meilleur choix.