Funciones de flecha

Las funciones de flecha proporcionan una forma más corta de escribir funciones en JavaScript. Son especialmente útiles para funciones cortas y sencillas.

Una expresión de función de flecha tiene una sintaxis más corta en comparación con las expresiones de función y no tiene sus propios enlaces a las palabras clave this, arguments, super o new.target. Las funciones de flecha son siempre anónimas.

Aquí tienes la sintaxis básica de una función de flecha:

(param1, param2) => {
	// Cuerpo de la función
	// ...
	return value; // Sentencia de retorno opcional
}

Si la función tiene solo un parámetro, puedes omitir los paréntesis alrededor de la lista de parámetros. Si el cuerpo de la función tiene solo una expresión, puedes omitir las llaves y la palabra clave return. El resultado de la expresión se devolverá implícitamente.

Aquí tienes un ejemplo de una expresión de función tradicional:

let add = function(a, b) {
	return a + b;
};

Aquí está la misma función escrita como una función de flecha:

let add = (a, b) => a + b;

En este ejemplo, se mantienen los paréntesis alrededor de los parámetros porque hay dos parámetros. Las llaves y la palabra clave return se omiten porque el cuerpo de la función tiene solo una expresión.

Aquí hay otro ejemplo sin parámetros:

let greet = () => console.log("Hello!");
greet(); // Salida: Hello!

En este caso, se utiliza un par de paréntesis vacíos para indicar que la función no tiene parámetros.

Las funciones de flecha se utilizan a menudo cuando necesitas pasar una función corta como argumento a otra función.