Arrow functions (funciones flecha)
Una vez que dominas las funciones, las escribes a todas horas. Las arrow
functions son la versión compacta: la misma idea, menos teclas. Llegaron con
ES6 y usan el símbolo => (la flecha que les da nombre).
const sumar = (a, b) => {
return a + b;
};
Retorno implícito
Si la función solo tiene una expresión, puedes omitir las llaves y la palabra
return. El resultado se devuelve automáticamente:
const sumar = (a, b) => a + b;
const cuadrado = n => n * n; // un solo parámetro: paréntesis opcionales
const saludar = () => "Hola"; // sin parámetros: paréntesis obligatorios
Cuidado al devolver objetos
⚠️ Trampa clásica: para devolver un objeto literal directamente, envuélvelo en
paréntesis. Si no, JavaScript cree que esas llaves son el cuerpo de la función y
te devuelve undefined sin avisar:
const crearPunto = (x, y) => ({ x: x, y: y });
Las arrow functions brillan en las funciones cortas que pasas a métodos de array
como map o filter (las verás muy pronto). Acostúmbrate a su flecha: vas a
escribir muchísimas.
Ejemplos
Tres formas equivalentes
const triple1 = function (n) { return n * 3; };
const triple2 = (n) => { return n * 3; };
const triple3 = n => n * 3; // la más compacta
console.log(triple1(2), triple2(2), triple3(2)); // 6 6 6