Funciones Flecha o Arrow Function en JS


¿Alguna vez has visto un operador como este => en las funciones de JavaScript?, pues no es un operador, se trata de la sintaxis para funciones flecha y aquí te explico como se utiliza.

Las funciones flecha se usan para crear funciones anónimas (sin nombre) con una sintaxis más corta. Por ejemplo una función anónima convencional se vería de esta forma:

hello = function() {
          console.log("Hola mundo")
        }

Y la misma función escrita con la notación de flecha, se vería de esta forma:

hello = () => {
          console.log("Hola mundo")
        }

Básicamente se omite la palabra function y se agrega => antes de abrir las llaves { }

Pero hay más…, estas funciones también pueden recibir parámetros, aquí hay un ejemplo de una función flecha que recibe 2 parámetros

hello = (a,b) => {console.log(a + b) }

Y si la función recibe solo un parámetro, entonces podemos omitir los paréntesis:

hello = a => {console.log(a) }

Si omitimos las llaves { } entonces la función va a evaluar lo que esta después de => y regresará su resultado. Aquí tenemos dos ejemplos:

// Funcion que regresa un mensaje
mensaje = () => "Hola mundo!!!"

// Funcion que regresa la suma 2 dos números
suma = (a,b) => a+b;

Conclusión

Las funciones flecha ayudan a reducir la cantidad de código que escribimos y si lo usamos en funciones cortas, ayudan a tener código más legible. Para aprender más, intenta ejecutar los ejemplos de código de este articulo y escribe tus propias funciones con la notación de flecha para que puedas practicar.