Arrow Functions (Funciones Flecha)

Las Arrow Functions son una forma moderna, corta y limpia de escribir funciones en JavaScript. No solo ahorran código, también cambian cómo funciona this — pero por ahora, ¡nos enfocamos en su sintaxis y uso práctico!

1. Sintaxis Básica

La flecha => reemplaza la palabra function. Es más corta y legible.

// Función tradicional
function sumar(a, b) {
  return a + b;
}

// Arrow Function
const sumar = (a, b) => a + b;

2. Reglas de Sintaxis (y cuándo puedes simplificar)

Las arrow functions tienen reglas que permiten escribirlas aún más cortas:

const doble = x => x * 2;
console.log(doble(5)); // 10

const saludar = nombre => `Hola, ${nombre}!`;
console.log(saludar("Ana")); // "Hola, Ana!"

const saludar = () => "¡Hola mundo!";
console.log(saludar()); // "¡Hola mundo!"

const calcular = (a, b) => {
  const suma = a + b;
  const producto = a * b;
  return { suma, producto };
};

3. ¿Cuándo usarlas?

Las arrow functions son ideales para:

• 🔹 Funciones pequeñas y simples (como callbacks).
• 🔹 Funciones que no necesitan su propio this (más adelante lo veremos).
• 🔹 Funciones que se usan una sola vez (ej: en métodos como map, filter, forEach).

// Ejemplo con map
const numeros = [1, 2, 3];
const dobles = numeros.map(x => x * 2); // [2, 4, 6]

// Ejemplo con filter
const pares = numeros.filter(x => x % 2 === 0); //