📞Callbacks

Un callback es una función que se pasa como argumento a otra función y se ejecuta después de que la operación principal ha terminado. Los callbacks son la base de la programación asíncrona en JavaScript y se utilizan ampliamente en APIs como las operaciones de red, manejo de eventos, etc.

Sintaxis Básica:

function mainFunction(callback) {
  // Operación asíncrona
  callback();
}

function callbackFunction() {
  // Código a ejecutar después de la operación asíncrona
}

mainFunction(callbackFunction);

Ejemplo Práctico:

function fetchData(callback) {
  setTimeout(() => {
    const data = { name: "John Doe", age: 30 };
    callback(data);
  }, 2000);
}

function handleData(data) {
  console.log("Datos recibidos:", data);
}

fetchData(handleData);

😓 Callback Hell

El "infierno de los callbacks" ocurre cuando se anidan muchos callbacks, haciendo que el código sea difícil de leer y mantener.

fetchData(data => {
  console.log("Datos recibidos:", data);
  fetchData(data2 => {
    console.log("Más datos recibidos:", data2);
    fetchData(data3 => {
      console.log("Aún más datos recibidos:", data3);
    });
  });
});