Settimeout VS Promise. Кто первый??

Question

[Theory Theory]

setTimeout(() => alert("timeout"));

Promise.resolve()
  .then(() => alert("promise"));

результат: promise, timeout
Но почему promise выполняется до setTimeout?? Ведь setTimeout попадает в event loop первым, только потом промис

Comments

[Сергей Соколов]

https://javascript.info/event-loop — тут про Macrotasks vs. Microtasks
https://javascript.info/microtask-queue — про очередь Microtasks в контексте Promise

[Kovalsky]

"промис выполняется всегда до settimeout" - эту фразу как понимать?

[Theory Theory]

Kovalsky,

setTimeout(() => alert("timeout"));

Promise.resolve()
  .then(() => alert("promise"));

alert("code");

почему промис выполняется до setTimeout???
в jslearn это объясняется тем, что setTimeout является макрозадачей, но что значит макрозадача??

[reshetniktati]

Theory Theory,
https://dmitripavlutin.com/javascript-promises-set...

Answer 1

[Lynn «Кофеман»]

Правильный ответ: в спецификации языка это не описано (т.к. там нет setTimeout).
Так что зависит от реализации. В частности, пока в браузеры не завезли настоящих промизов их как раз эмулировали через setTimeout и в этом случае первым был бы alert('timeout')

Поэтому нельзя закладываться на порядок выполнения разных асинхронных операций. Единственная гарантия которая у вас есть, это что они выполнятся после всех текущих синхронных действий.