В каком порядке выполняются функции?

Question

[laguna1132]

Почему в данном случае выполняются сначала функции a и b, а потом уже console.log из setTimeout?
Циклы в функциях отрабатывают дольше чем 1 миллисекунда.

Answer 1

[Виталий Архипов]

Прочитайте про модель выполнения event-loop

Вызов setTimeout добавит событие в очередь по прошествии времени, указанного во втором аргументе вызова. Если очередь событий на тот момент будет пуста, то событие обработается сразу же, в противном случае событию функции setTimeout придется ожидать завершения обработки остальных событий в очереди. Именно поэтому второй аргумент setTimeout корректно считать не временем, через которое выполнится функция из первого аргумента, а минимальное время, через которое она сможет выполниться.

Comments

[laguna1132]

но ведь 1 миллисекунда прошла быстрее, чем закончилась функция a(). Почему тогда console.log выполнился не после функции a? Ведь он должен был встать в очередь после нее

[Виталий Архипов]

laguna1132, Написано же, что второй аргумент setTimeout не время, а минимальное время. Т.е. сначала выполняются все предыдущие операции, а затем, по очереди, если их время подошло (минимальное), срабатывают все таймеры.
Т.е. цикл может обрабатываться сколько угодно долго, хоть час, и только затем начнуть выполняться таймеры по очереди.

[laguna1132]

Виталий Архипов, Понял. А как мне добиться, чтобы сначала выполнился таймер? К MDN сегодня весь день доступа нет :(

[Виталий Архипов]

laguna1132, сделайте в функциях a и b тоже таймеры.