DEV {JS}

Mode sombre

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 ​

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

// fléchée
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)