One thing at a time — interactive event loop example
1function makeCoffee() {2 console.log('coffee ready');3}4 5console.log('open the shop');6makeCoffee();7console.log('close the shop');The script runs top to bottom on the call stack. console.log("open the shop") executes and returns immediately.
1 / 7
Call stack
script
Web APIs — browser land
The event loop — is the call stack empty? → drain the microtask queue first → then take one callback.
Microtask queue — priority
Callback queue
Console
01open the shop
Fig. — One thing at a time · step 1 of 7
← → step · space play · 123 level