Execution Order in Event Loop

user_16463708 0
Viewed 125

why setTimeout(callback), Promise.resolve().then(callback) and requestAnimationFrame(callback) have different priority to execute? Following is a code sample:

setTimeout(()=>console.log(1));
Promise.resolve(2).then(console.log);
requestAnimationFrame(()=>console.log(3));
console.log(4);
window.onclick = ()=>console.log(5);
window.dispatchEvent(new Event('click'));

javascript
1 Answers

synchronization

  console.log(4);
  window.onclick = ()=>console.log(5);
  window.dispatchEvent(new Event('click'));

Micro tasks

 Promise.resolve(2).then(console.log);
  requestAnimationFrame(()=>console.log(3));

Macro task

  setTimeout(()=>console.log(1));
user_134578950
Related