Entendiendo el Event Loop o Bucle de Eventos en Javascript

event-loop-ejemplo-4.js

// El IIFE (Immediately-Invoked Function Expression) al ejecutarse añade el primer frame al stack de llamada
(() => {
  // Añade un frame al stack de llamada
  console.log('1. Hola');

  // WebApi: Agrega un mensaje a la cola
  setTimeout(() => {
    console.log('2. Mundo');
  });

  // WebApi: Agrega otro mensaje a la cola
  setTimeout(() => {
    console.log('3. A todos');
  }, 0);

  // Añade un frame al stack de llamada
  console.log('4. Este es un mensaje extra');

  // Añade un frame al stack de llamada
  console.log('5. ¿Acertaste el orden de la salida?');

})();

// La consola imprime:
// 1. Hola
// 4. Este es un mensaje extra
// 5. ¿Acertaste el orden de la salida?
// 2. Mundo
// 3. A todos