Funciones flecha

Les fonctions fléchées (arrow functions) sont une syntaxe plus compacte pour écrire des fonctions. Elles sont idéales pour les callbacks et les fonctions courtes.

Syntaxe de base

// function classica
const somma = function (a, b) {
  return a + b;
};

// arrow equivalente
const somma2 = (a, b) => {
  return a + b;
};

// arrow con return implicito (corpo sintetico, niente graffe)
const somma3 = (a, b) => a + b;

Les trois formes sont équivalentes. La troisième est la plus typique de l'écosystème JavaScript.

Quand peut-on omettre les accolades et le return ?

Si le corps est une seule expression :

const quadrato = (n) => n * n;
const isAdult = (eta) => eta >= 18;
const saluto = (nome) => `Ciao, ${nome}!`;

Si, en revanche, plusieurs instructions sont nécessaires, il faut utiliser des accolades et un return explicite :

const descrivi = (n) => {
  const parita = n % 2 === 0 ? 'pari' : 'dispari';
  return `${n} è ${parita}`;
};

Un seul paramètre : parenthèses optionnelles

const triplo = (n) => n * 3;
const triplo2 = (n) => n * 3; // anche questo va bene

Avec zéro ou deux paramètres ou plus, les parenthèses sont obligatoires :

const ora = () => Date.now();
const min = (a, b) => (a < b ? a : b);

À toi de jouer

Exercice de révision