Arsitektur Event Loop: Microtasks & Macrotasks

Pahami urutan eksekusi JavaScript: Call Stack, Web APIs, Microtask Queue (Promise), dan Macrotask Queue (setTimeout, setInterval).

JavaScript bersifat single-threaded namun dapat menangani konkurensi melalui Event Loop. Call Stack selalu dikosongkan terlebih dahulu, diikuti dengan pengurasan seluruh antrean Microtask, sebelum antrean Macrotask diproses satu per satu.

console.log("1. Sinkron Pertama");

setTimeout(() => {
  console.log("4. Macrotask (setTimeout)");
}, 0);

Promise.resolve().then(() => {
  console.log("3. Microtask (Promise)");
});

console.log("2. Sinkron Terakhir");

// Urutan Output: 1 -> 2 -> 3 -> 4