Event Loop & Microtasks

What is the execution order in browsers?

requestAnimationFrame(() => console.log('rAF'));
Promise.resolve().then(() => console.log('Promise'));
setTimeout(() => console.log('setTimeout'), 0);

rAF, Promise, setTimeout
Promise, setTimeout, rAF
Promise, rAF, setTimeout
Browser task scheduling follows specific priorities: 1) Microtasks (Promise) execute first, 2) requestAnimationFrame executes before the next paint, 3) setTimeout is a regular macrotask and executes last, 4) This order optimizes animation performance, 5) rAF is synchronized with the browser's refresh rate, 6) Understanding this order is crucial for smooth animations and UI updates.
setTimeout, Promise, rAF

Next Question (12/20)