Entiende por qué el código asíncrono se ejecuta en cierto orden y evita bugs de sincronización.
JavaScript ejecuta una sola pila principal, pero coordina tareas asíncronas con colas.
Entender event loop evita errores de orden en UI, fetch y timers.
Microtareas (promesas) y macrotareas (setTimeout) no se procesan igual.
El orden real de ejecución es más importante que la apariencia lineal del código.
Stack ejecuta, colas esperan, loop coordina.
El bug típico: asumir orden síncrono donde no existe.
Un `setTimeout(..., 0)` no significa inmediato: solo se encola y espera turno.
Las promesas resueltas van a microtask queue y se ejecutan antes que la siguiente macrotarea.
Separa inicio, trabajo asíncrono y cierre.
Entiende por qué el código asíncrono se ejecuta en cierto orden y evita bugs de sincronización.
Código del tema: call stack | task queue | microtask queue | event loop
Stack ejecuta, colas esperan, loop coordina.
console.log('A');
setTimeout(() => console.log('B timeout'), 0);
Promise.resolve().then(() => console.log('C promise'));
console.log('D');
// Salida: A, D, C promise, B timeoutEl bug típico: asumir orden síncrono donde no existe.
Un `setTimeout(..., 0)` no significa inmediato: solo se encola y espera turno.
Las promesas resueltas van a microtask queue y se ejecutan antes que la siguiente macrotarea.
Separa inicio, trabajo asíncrono y cierre.
console.log('[1] inicio');
fetch('/api/data')
.then((res) => res.json())
.then((data) => {
console.log('[2] datos listos', data);
})
.catch((err) => {
console.error('[3] error', err.message);
})
.finally(() => {
console.log('[4] fin del flujo');
});Aclara el orden real de ejecución entre código síncrono y asíncrono.
