Sintaxis simplificada de funciones — Fundamentos de JavaScript

• Forma básica de una función flecha
• Versión abreviada (¡súper práctica!)
• Sumar dos números
• ¡Ojo con este error común!
• ¿Por qué usar funciones flecha?

Las funciones flecha (=>) son una forma moderna y más corta de escribir funciones en JavaScript. Te permiten crear funciones simples y claras sin mucho código extra.

Forma básica de una función flecha

Esta función recibe un número y devuelve su cuadrado:

const cuadrado = (x) => {
  return x ** 2;
};

Aquí:

• const cuadrado =: estamos creando una función llamada cuadrado.
• (x) =>: x es el dato que recibe la función, y => indica que viene una función.
• { return x ** 2; }: dentro de las llaves está el código que calcula y devuelve el resultado.

Versión abreviada (¡súper práctica!)

Si la función solo tiene una línea que devuelve un valor, puedes escribirla más corta:

const cuadrado = (x) => x ** 2;

• No usamos {} ni return.
• JavaScript entiende que la expresión después de la flecha es lo que debe devolver la función.
• Es más rápida de escribir y más fácil de leer.

Sumar dos números

Función que suma dos números, versión larga:

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

Versión corta:

const suma = (a, b) => a + b;

🎯 Útil para calcular precios, sumar cantidades o hacer cuentas rápidas.

¡Ojo con este error común!

const suma = (a, b) => { a + b };

❌ Esto no funciona porque la función no tiene return explícito. Resultado: undefined.

¿Cómo arreglarlo?

✅ Opción 1: quita las llaves y escribe la expresión directamente (forma corta):

const suma = (a, b) => a + b;

✅ Opción 2: deja las llaves y agregas return explícito:

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

¿Por qué usar funciones flecha?

• Escribir menos código y que sea más limpio.
• Muy útil para funciones pequeñas y claras.
• Se usan mucho en JavaScript moderno, especialmente con programación funcional y frameworks como React.

Ahora que conoces esta sintaxis, úsalas en tu código y verás qué prácticas pueden llegar a ser.