The event loop

JavaScript runs on one thread with one call stack. Anything asynchronous is handed to the host environment, which puts a callback in a queue when it is ready. The event loop moves work from those queues onto the stack, but only when the stack is empty. Microtasks — promise continuations — drain completely between each task, which is why an await resolves before a setTimeout of zero. Almost every ordering surprise in JavaScript follows from those rules.