Micro task vs Macro task

[dhanush-kannan-dk]

As per the flow, I can see Micro task is executed before the macro task.
So the Event loop pseudocode may be:

while (EventLoop.waitForTask()) {
  const microtaskQueue = EventLoop.microTaskQueue;
  while (microtaskQueue.hasNextMicrotask()) {
    microtaskQueue.processNextMicrotask();
  }

  const taskQueue = EventLoop.selectTaskQueue();
  if (taskQueue.hasNextTask()) {
    taskQueue.processNextTask();
  }
  rerender();
}

Example code:

setTimeout(function a() {console.log("Macro");}, 0);

Promise.resolve().then(function b(){console.log("Micro");});

console.log("Stack");

Output:
Stack
Micro
Macro

[GeorgesMainville]

@someone-likeyou As this MDN doc say I think the pseudo code is right:

"For example, tasks get added to the task queue when:

• A new JavaScript program or subprogram is executed ..."
  Source: https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API/Microtask_guide#tasks

So, as I understand the first task executed is the global task after we run every micro task (in our case the promise) until empty and go to the next task (in our case the setTimeout)