Módulo 3 · Avanzado20 min

Asincronía: Callbacks

Event loop, callbacks, patrones asincrónicos.

Recompensa al completar

Insignia “Async pioneer” · +25 puntos

El Event Loop

JavaScript es single-threaded pero puede manejar operaciones asincrónicas gracias al Event Loop.

Callbacks

Un callback es una función que se pasa como argumento a otra función:

javascript

function leerArchivo(nombre, callback) {
    // Simular lectura asincrónica
    setTimeout(() => {
        callback(null, `Contenido de ${nombre}`);
    }, 1000);
}

El Callback Hell

Cuando hay muchos callbacks anidados, el código se vuelve difícil de leer:

javascript

paso1(function(resultado1) {
    paso2(resultado1, function(resultado2) {
        paso3(resultado2, function(resultado3) {
            // 😱 Callback hell
        });
    });
});

?Ejercicio

Crea una función que use setTimeout y un callback para ejecutar código después de un retraso.

editor.js

123456

Recompensa al completar

Insignia “Async pioneer” · +25 puntos