JavaScript Async #18: Microtask vs Macrotask Queue
1. Apa itu Event Loop?
Event loop adalah mekanisme JavaScript untuk mengatur eksekusi task synchronous dan asynchronous.
2. Macrotask Queue
Macrotask berisi task seperti setTimeout, setInterval, dan event handler.
3. Microtask Queue
Microtask berisi task dengan prioritas lebih tinggi, seperti Promise callback dan queueMicrotask.
4. Contoh Urutan Eksekusi
console.log("Start");
setTimeout(() => {
console.log("Macrotask");
}, 0);
Promise.resolve().then(() => {
console.log("Microtask");
});
console.log("End");
5. Hasil Eksekusi
- Start
- End
- Microtask
- Macrotask
6. Kenapa Ini Penting?
Memahami microtask dan macrotask membantu developer memahami kenapa urutan output JavaScript kadang terlihat membingungkan.
7. Ringkasan
- Microtask punya prioritas lebih tinggi dari macrotask
- Promise callback masuk microtask queue
- setTimeout masuk macrotask queue
- Konsep ini penting untuk memahami event loop
Dengan part ini, seri JavaScript Async dasar sudah selesai.
