Funciones flecha

Las arrow functions (funciones flecha) son una sintaxis más compacta para escribir funciones. Son ideales para callbacks y funciones cortas.

Sintaxis básica

// 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;

Las tres formas son equivalentes. La tercera es la más al estilo "JavaScript".

Cuándo puedes omitir las llaves y el return

Si el cuerpo es una sola expresión:

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

Si, en cambio, necesitas más instrucciones, se requieren las llaves y un return explícito:

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

Un solo parámetro: paréntesis opcionales

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

Con cero o dos o más parámetros, los paréntesis son obligatorios:

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

Pruébalo tú mismo

Ejercicio#js.m4.l2.e1

Intentos: 0Cargando...

Reescribe esta función clásica como una arrow function con return implícito: `function square(n) { return n * n; }`. Asígnala a la constante `square` y llámala con 5 (esperado 25).

Cargando editor...

Mostrar pista

const square = (n) => n * n;

Solución disponible después de 3 intentos

Ejercicio de repaso

Ejercicio#js.m4.l2.e2