JavaScript Event Loop Visualiserare
Visualisera JavaScript event loop med anropsstack, uppgiftskoer och mikrouppgiftskoer.
console.log("Start");
setTimeout(() => {
console.log("setTimeout");
}, 0);
Promise.resolve().then(() => {
console.log("Promise");
});
console.log("End");LangsamSnabb
InaktivAnropsstack
(tom)
Web APIs / Timers
(tom)
Mikrouppgiftskoer
(tom)
Uppgiftskoer (Makrouppgifter)
(tom)
(tom)
Anropsstack
Mikrouppgiftskoer
Uppgiftskoer (Makrouppgifter)
Web APIs / Timers
Konsolutdata
Foerstaa JavaScript Event Loop
JavaScript event loop hanterar asynkrona operationer. setTimeout-callbacks gaar till makrotask-koern, Promise-callbacks till mikrotask-koern.
Nyckelkoncept
- Anropsstacken koer synkron kod foerst
- Mikrouppgifter har prioritet oever makrouppgifter
- Varje makrouppgift foeljs av alla mikrouppgifter
- Event loop kontrollerar koeer bara vid tom stack
- Web APIs koer utanfoer huvudtraaden
Vanliga fragor
Relaterade verktyg
Betygsätt detta verktyg
3.8 / 5 · 109 betyg
Håll dig uppdaterad
Få veckovisa dev-tips och nya verktyg.
Ingen spam. Avsluta 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