Почему промисы являются microtasks, а таймеры — просто tasks?

Question

[Matvey]

Или, иначе говоря, почему первее выполняется Promise, а потом Timer?

setTimeout(() => console.log('timer'), 0)
Promise.resolve().then(() => console.log('promise'));

// promise
// timer

Почему промис кладется в очередь микрозадач, а таймер кладется в очередь для web api браузера?

Answer 1

[Islam Ibakaev]

не долго гугля наткнулся на это (внутри диаграмма, которая всё объясняет)

По поводу того почему промисы оформляются как микротаски есть такое пояснение:

Treating promises as tasks leads to performance problems, as callbacks may be unnecessarily delayed by task-related things such as rendering. It also causes non-determinism due to interaction with other task sources, and can break interactions with other APIs, but more on that later.

Если коротко, в event loop по очереди выполняются таски, однако сам таск может включать некую очередь из микрозадач, которая, в свою очередь, выполнится в контексте текущего таска. То есть, если взять таски x и y, где y следует за x, то получится, что console.log('promise') выполнится в контексте таска x(в самом его конце, аккурат перед началом выполнения следующего таска), а console.log('timer') - в котексте таска y.

Comments

[Matvey]

спасибо! да, именно эта статья джейка арчибальда и открыла для меня этот мир микротасков, о которых я раньше и не слышал.

да, в моем коде два console.log'a заключены в web api, каждое из которых в браузере заносится в отдельную очередь для web api, по идее (не в основной call stack), потом они по очереди выполняются, коллбеки из них вычленяются, и кладутся в "callback queue", и если call stack пустует на данный момент, интерпретатор по-тихоньку эти колбеки запихивает в call stack.

просто вопрос, почему первее всегда выполняется промис, а не таймер. почему промис порождает микрозадачи, как Вы говорите, а таймер - не порождает? суть-то одна - коллбек-фукнция и там и там внутри. как считаете? а, да, причем еще это не во всех браузерах одинаково

[Matvey]

тут раскопал еще одну крупицу информации )
https://youtu.be/STxBvk98mf8?t=3634

[Islam Ibakaev]

htmldeveloper, промис не порождает микрозадачу, а оформляется как микрозадача. Просто выгодно оформлять их не как таски, я же кусок на аглицком кинул в ответ