Visualizzatore Event Loop JavaScript
Visualizza l'event loop JavaScript con call stack, coda dei task e microtask.
console.log("Start");
setTimeout(() => {
console.log("setTimeout");
}, 0);
Promise.resolve().then(() => {
console.log("Promise");
});
console.log("End");LentoVeloce
InattivoCall Stack
(vuoto)
Web APIs / Timer
(vuoto)
Coda dei Microtask
(vuoto)
Coda dei Task (Macrotask)
(vuoto)
(vuoto)
Call Stack
Coda dei Microtask
Coda dei Task (Macrotask)
Web APIs / Timer
Output Console
Capire l'Event Loop di JavaScript
L'event loop JavaScript gestisce le operazioni asincrone. I callback setTimeout vanno nella coda macrotask, i callback Promise nella coda microtask.
Concetti chiave
- Il call stack esegue il codice sincrono per primo
- I microtask hanno priorita sui macrotask
- Ogni macrotask e seguito da tutti i microtask
- L'event loop controlla le code solo quando lo stack e vuoto
- Le Web API come setTimeout vengono eseguite fuori dal thread principale
Domande frequenti
Strumenti correlati
Valuta questo strumento
3.8 / 5 · 109 valutazioni
Resta aggiornato
Ricevi consigli dev e nuovi strumenti ogni settimana.
Niente spam. Cancella quando vuoi.
Enjoy these free tools?
☕Buy Me a CoffeeHow to Use
- Enter or paste your data in the input field
- Configure any options if available
- Click the action button to process
- Copy the result to your clipboard
Use Cases
- Development and debugging workflows
- Data format conversion
- Code generation and formatting
- Quick calculations and validation