Profundizando en el Event Loop de JavaScript: Microtasks, Macrotasks y más

Mon, 19 Feb 2024 00:00:00 +0900

El event loop de JavaScript es uno de los conceptos más importantes y menos entendidos. A pesar de ser single-threaded, su event loop permite concurrencia no bloqueante mediante un sistema de colas.

Call Stack

Estructura LIFO. Principio de run-to-completion: cada función se ejecuta hasta completarse antes de que otro código la interrumpa.

Cola de Macrotasks

Origen: setTimeout, setInterval, I/O, eventos UI. El event loop toma UNA macrotask por iteración, la ejecuta, luego procesa la cola de microtasks.

Event-Loop on Commentary of Takao

Profundizando en el Event Loop de JavaScript: Microtasks, Macrotasks y más

Call Stack

Cola de Macrotasks