Funciones Flecha, lo básico JavaScript
En JavaScript, existe una sintaxis simplificada y concisa para crear funciones conocida como «arrow functions» o funciones flecha. Esta sintaxis es particularmente preferida sobre las expresiones de función debido a su brevedad y claridad.
Una función flecha se define de la siguiente manera:
let funcionSuma = (a, b) => a + b;
Esta declaración crea una función llamada funcionSuma que toma dos argumentos a y b, y devuelve la suma de ambos.
Comparado con la forma tradicional usando una expresión de función, el equivalente sería:
let funcionSuma = function(a, b) {
return a + b;
};
La función flecha es especialmente útil para acciones simples y de una sola línea. Por ejemplo, si solo hay un parámetro, los paréntesis alrededor de los parámetros pueden omitirse:
let duplicar = n => n * 2;
Esto es equivalente a:
let duplicar = function(n) {
return n * 2;
};
Cuando una función flecha no toma ningún parámetro, los paréntesis vacíos deben estar presentes:
let saludar = () => alert("¡Hola!");
Las funciones flecha también pueden ser utilizadas dinámicamente, como en el siguiente ejemplo que depende de una condición:
let edad = prompt("¿Cuál es tu edad?", 18);
let mensajeBienvenida = (edad < 18) ?
() => alert('¡Hola!') :
() => alert("¡Saludos!");
mensajeBienvenida();
Para funciones más complejas que requieren múltiples líneas de código, se utilizan llaves {} alrededor del cuerpo de la función flecha, y se usa un return explícito para devolver un valor:
let suma = (a, b) => {
let resultado = a + b;
return resultado;
};
alert( suma(1, 2) ); // Muestra 3
En resumen, las funciones flecha en JavaScript son ideales para acciones simples y breves, ofreciendo una sintaxis más compacta y legible en comparación con las expresiones de función tradicionales.
