CodeAventura
JavaScript
▸Funciones▸Arrow functions

Misión

Editor
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
17 / 32Arrow functions
Anterior

Arrow functions

Qué son

Las arrow functions son una forma más corta de escribir funciones.

Y un detalle importante:

las arrow functions son, en esencia, funciones anónimas.

Eso significa que normalmente:

  • o las guardas en una variable/constante para reutilizarlas
  • o las usas en el momento (por ejemplo, como argumento)

Función tradicional:

Versión flecha:

Mismo objetivo, sintaxis más compacta.

Comparación paso a paso

Con función anónima tradicional:

Con flecha:

Cuándo usar llaves y return

Si es una sola expresión, puedes escribirla en una línea:

Si necesitas varias líneas, usa llaves y return:

Error típico al empezar

Olvidar return cuando usas llaves:

Cómo pensarlo mentalmente

Primero entiende la versión tradicional.
Después tradúcela a flecha sin cambiar la lógica.

Tu desafío 🚀

Crea una función flecha que reciba un valor, lo transforme y muestre el resultado en consola.

La flecha no cambia lo que hace la función; cambia cómo la escribes...