Taak over de Event Loop: bepaal de volgorde van output in de console bij aanwezigheid van setTimeout, Promise en synchronische code. Wat wordt als laatste weergegeven en waarom?

В JavaScript порядок выполнения кода с setTimeout, Promise и синхронным кодом определяется Event Loop и очередями задач (task queue и microtask queue).

1. Сначала выполняется весь синхронный код.
2. Затем выполняются все микротаски (microtasks), например, обработчики Promise.
3. После этого выполняются макротаски (tasks), например, setTimeout.

Пример:

console.log('Синхронный код');

setTimeout(() => {
  console.log('setTimeout');
}, 0);

Promise.resolve().then(() => {
  console.log('Promise');
});

Вывод будет:

Синхронный код
Promise
setTimeout

Последним будет выведено сообщение из setTimeout, потому что setTimeout ставится в очередь макротасков, которая обрабатывается после микротасков (Promise).