Microtask starvation là gì? Làm sao tránh chặn event loop?

Ví dụ

main.js · sửa được▶ Chạy

let n = 0; function loop() { if (++n < 1000) Promise.resolve().then(loop); // microtask tự nối tiếp } setTimeout(() => console.log("timeout chạy sau, n =", n), 0); loop(); console.log("sync xong");

Timer có hạn 0ms vẫn phải chờ 1000 microtask xong. Nếu điều kiện dừng không bao giờ đúng, vòng lặp là vô hạn và tab đóng băng, vì microtask queue không bao giờ cạn.

So với macrotask

• Sau mỗi macrotask, engine drain toàn bộ microtask, rồi mới có thể render và lấy macrotask tiếp theo.
• Đệ quy bằng setTimeout(loop) thì ổn: giữa các vòng trình duyệt vẫn render và xử lý input.
• queueMicrotask và Promise.then cùng queue; await trên promise đã resolve cũng là microtask.

Cách tránh

• Chia việc nặng thành các lô nhỏ, nhường quyền giữa các lô bằng macrotask (setTimeout, MessageChannel) hoặc scheduler.yield() ở trình duyệt hỗ trợ; Node dùng setImmediate.
• Với tác vụ CPU thật sự nặng, chuyển sang Web Worker/worker_threads.
• requestIdleCallback cho việc không gấp.