JavaScript Event Loop Visualiseringsverktoy
Visualiser JavaScript event loop med kallstabel, oppgavekoer og mikrooppgavekoer.
console.log("Start");
setTimeout(() => {
console.log("setTimeout");
}, 0);
Promise.resolve().then(() => {
console.log("Promise");
});
console.log("End");SakteRask
InaktivKallstabel
(tom)
Web APIs / Tidtakere
(tom)
Mikrooppgavekoer
(tom)
Oppgavekoer (Makrooppgaver)
(tom)
(tom)
Kallstabel
Mikrooppgavekoer
Oppgavekoer (Makrooppgaver)
Web APIs / Tidtakere
Konsollutdata
Forstaa JavaScript Event Loop
JavaScript event loop handterer asynkrone operasjoner. setTimeout-callbacks gaar til makrotask-koeen, Promise-callbacks til mikrotask-koeen.
Noekkelkonsepter
- Kallstabelen kjoerer synkron kode foerst
- Mikrooppgaver har prioritet over makrooppgaver
- Hver makrooppgave foelges av alle mikrooppgaver
- Event loop sjekker koeer kun ved tom stabel
- Web APIs kjoerer utenfor hovedtraaden
Ofte stilte sporsmaal
Relaterte verktoy
Vurder dette verktøyet
3.8 / 5 · 109 vurderinger
Hold deg oppdatert
Få ukentlige dev-tips og nye verktøy.
Ingen spam. Avslutt når som helst.
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