funcion flecha-callback

 

Funciones flecha (=>)

Es una forma más corta de escribir funciones.

javascript

// Función normal
function saludar(nombre) {
  return "Hola " + nombre;
}

// Función flecha
const saludar = (nombre) => "Hola " + nombre;

console.log(saludar("Juan")); // "Hola Juan"

Regla simple:
(parámetros) => resultado

• Si hay un solo parámetro, puedes omitir el paréntesis: nombre => ...

• Si es una sola línea, el return es implícito (no hace falta escribirlo)

Funciones callback

Es una función que se pasa como argumento a otra función, para que esta la ejecute después.

javascript

// Ejemplo muy simple
function hacerAlgo(callback) {
  console.log("Haciendo algo...");
  callback(); // Aquí ejecutamos la función que nos pasaron
}

// Usamos la función pasando un callback
hacerAlgo(function() {
  console.log("¡Callback ejecutado!");
});

// Con flecha (más común y limpio)
hacerAlgo(() => console.log("¡Callback ejecutado!"));

Ejemplo real y útil

javascript

// Array de números
const numeros = [1, 2, 3, 4, 5];

// map recibe un callback para transformar cada elemento
const dobles = numeros.map(numero => numero * 2);

console.log(dobles); // [2, 4, 6, 8, 10]

Explicación:

• map recorre el array

• Para cada número, ejecuta numero => numero * 2

• Ese callback es una función flecha que multiplica por 2

Resumen visual

javascript

// Función normal como callback
setTimeout(function() {
  console.log("Pasó 1 segundo");
}, 1000);

// Función flecha como callback (más común hoy)
setTimeout(() => console.log("Pasó 1 segundo"), 1000);

Idea clave: La función flecha es la sintaxis moderna y suele usarse mucho como callback porque es más corta y legible