Visualisasi Event Loop JavaScript
Visualisasikan event loop JavaScript dengan call stack, antrian tugas, dan antrian microtask.
console.log("Start");
setTimeout(() => {
console.log("setTimeout");
}, 0);
Promise.resolve().then(() => {
console.log("Promise");
});
console.log("End");LambatCepat
IdleCall Stack
(kosong)
Web APIs / Timer
(kosong)
Antrian Microtask
(kosong)
Antrian Tugas (Macrotask)
(kosong)
(kosong)
Call Stack
Antrian Microtask
Antrian Tugas (Macrotask)
Web APIs / Timer
Output Konsol
Memahami Event Loop JavaScript
Event loop JavaScript menangani operasi asinkron. Callback setTimeout masuk ke antrian macrotask, callback Promise masuk ke antrian microtask.
Konsep Utama
- Call stack mengeksekusi kode sinkron terlebih dahulu
- Microtask memiliki prioritas di atas macrotask
- Setiap macrotask diikuti oleh semua microtask
- Event loop memeriksa antrian hanya saat stack kosong
- Web API berjalan di luar thread utama
Pertanyaan yang sering diajukan
Alat terkait
Nilai alat ini
3.8 / 5 ยท 109 penilaian
Tetap Update
Dapatkan tips dev mingguan dan tool baru.
Tanpa spam. Berhenti kapan saja.
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