Fonctions fléchées

Définition

Les fonctions fléchées (arrow functions) ont été introduites avec ES6. Elles offrent une syntaxe plus concise et conservent le contexte lexical de this.

Syntaxe

// Fonction classique
function carre(x) { 
    return x * x; 
} 

// Fonction fléchée (équivalent)
const carre = x => x * x; 

Cas particuliers

• Sans argument : () => valeur
• Avec plusieurs arguments : (a, b) => a + b
• Corps de bloc : (x) => { return x * x; }

Avantages

• Syntaxe plus courte
• Pas de liaison dynamique de this
• Idéale pour les callbacks

À éviter

• Ne pas utiliser avec des méthodes d’objets (pas de this propre)