Thread by @Manz

💛¿Aún no entiendes las «Arrow function» de Javascript?

Desde hace tiempo, Javascript incorpora una forma compacta y cómoda de escribir funciones en Javascript, denominada arrow function, fat arrow o "funciones flecha".

¡Te las explico (y sus curiosidades)!
🧵🔽

1️⃣ Tradicionalmente, en Javascript, las funciones se escriben de la siguiente forma (y se puede seguir usando esta sintaxis).

Sin embargo, es habitual ver código donde creas functiones anónimas (sin nombre) y las guardas en una variable/constante.

2️⃣ Usando la notación "Función flecha" podemos escribir `=` seguido de `>` para hacer una versión «compacta» de las funciones de Javascript donde no tengamos que escribir `function`.

Algunas tipografías permiten ligaduras, y unen estos caracteres en uno solo visualmente.

3️⃣ Cuando usamos la notación de arrow function y la función solo tiene una instrucción en el cuerpo de la función, podemos omitir el `return` ya que está implícito.

Además, al ser sólo una instrucción, podemos también omitir las llaves.

4️⃣ A la hora de indicar los parámetros, observa que en el caso de tener un sólo parámetro, puedes omitir los paréntesis, algo que no puedes hacer en el resto de situaciones.

A veces esto es mucho más claro a la hora de escribir funciones en parámetros de otras funciones.

5️⃣ Pero quizás una de las cosas más interesantes de las arrow functions tiene que ver con el concepto `this`.

Cuando usamos una función tradicional, generamos un contexto, al que se puede hacer referencia con la palabra clave `this`.

Sin embargo, cuando usamos una función flecha, no existe ese concepto de `this`, por lo que si usamos `this` vamos a hacer referencia al `this` del padre (si existe).

Esto nos puede venir muy bien para simplificar código y evitar los `self = this` que se hacían antiguamente.

¿Te ha gustado? Pues echa un vistazo a la documentación que tenemos en LenguajeJS, sígueme en redes y comparte para ayudar a otros!

👉lenguajejs.com
👉twitch.tv/ManzDev
👉manz.dev

¡Hoy vamos a ver y hablar de Astro.build en Twitch!

Cuando intentas usar una librería sin leer la documentación...