JavaScript tek bir thread üzerinde çalışır, bu nedenle bir seferde yalnızca bir şey yapabilir. Event loop, async işi engellenmeden işlemeyi mümkün kılar: call stack'i çalıştırır ve stack boş olduğunda, queue'lardan callback'leri çeker.
Farklı önceliklere sahip iki queue vardır:
.then), queueMicrotask. Her task'ten sonra, render'dan önce tamamen boşaltılır.setTimeout, I/O, UI events. Loop iterasyonu başına biri işlenir.console.log("1"); // sync
setTimeout(() => console.log("2"), 0); // macrotask
Promise.resolve().then(() => console.log("3")); // microtask
console.log("4"); // sync
// Output: 1, 4, 3, 2
1, 4.3.2.Bu nedenle Promise.then her zaman bir setTimeout(…, 0) öncesinde çalışır, her ikisi de "async" olsa da — microtask'ler önceliklidir.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Uzun senkron iş her şeyi engeller (render, tıklamalar). Ağır CPU işini bir Web Worker 'a (gerçek ayrı bir thread) yükleyin.
Loop'u anlamak async sıralamasını, promise'lerin niçin timer'lardan önce çözüldüğünü ve main thread'i niçin asla engellememeniz gerektiğini açıklar — tüm async JavaScript için temel zihinsel model.