Event Loop

Theory

Loading visualization...

Loading...

Back to JavaScript topics

Event Loop

Theory

Source Code

console.log('Start');
 
setTimeout(() => {
  console.log('Timeout');
}, 0);
 
Promise.resolve()
  .then(() => {
    console.log('Promise 1');
  })
  .then(() => {
    console.log('Promise 2');
  });
 
console.log('End');

Call Stack

empty

Web APIs

empty

Microtask Queue

empty

Task Queue

empty

Event Loop

idle

Console Output

No output yet.

Loading visualization...

Source Code

console.log('Start');
 
setTimeout(() => {
  console.log('Timeout');
}, 0);
 
Promise.resolve()
  .then(() => {
    console.log('Promise 1');
  })
  .then(() => {
    console.log('Promise 2');
  });
 
console.log('End');

Call Stack

empty

Web APIs

empty

Microtask Queue

empty

Task Queue

empty

Event Loop

idle

Console Output

No output yet.