React Frontend Developer

Question 1

Что такое setTimeout и setInterval?

Accepted Answer

setTimeout выполняет указанную функцию один раз через заданное время, а setInterval — периодически, с указанным интервалом. Оба метода работают асинхронно, что значит, что они не блокируют основной поток выполнения программы. Чтобы остановить выполнение setInterval, нужно вызвать clearInterval, а для остановки отложенного вызова setTimeout — clearTimeout.

Question 2

Как setInterval и setTimeout влияют на this?

Accepted Answer

В обычных функциях this внутри setInterval/setTimeout теряется (становится window/undefined в strict mode). Стрелочные функции сохраняют this из внешнего контекста.

Question 3

Гарантирует ли setTimeout выполнение callback ровно через заданное время?

Accepted Answer

setTimeout не гарантирует выполнение callback ровно через указанное время. Он гарантирует, что callback не выполнится раньше, чем пройдёт заданная задержка. После истечения задержки callback попадает в очередь задач и будет выполнен, когда освободится call stack. На фактическое время влияет нагрузка, блокировки и приоритеты очередей. Поэтому таймер часто срабатывает позже.

Question 4

Почему setTimeout может выполниться позже указанного времени?

Accepted Answer

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

Question 5

В каком порядке выполняются setTimeout и Promise.then?

Accepted Answer

Promise.then всегда выполняется раньше, чем setTimeout, даже если таймер имеет задержку 0. Это происходит потому, что then попадает в очередь microtasks, а setTimeout — в очередь macrotasks. После завершения синхронного кода event loop сначала очищает очередь microtasks, и только потом берёт следующую macrotask.

Question 6

Чем setInterval хуже setTimeout для polling?

Accepted Answer

setInterval запускает обработчик по расписанию, даже если предыдущий запрос ещё не закончился, из-за чего появляются параллельные запросы и лишняя нагрузка. Интервалы также “плывут” (drift): если обработчик выполняется долго, фактические моменты запуска смещаются. setTimeout удобнее для polling, потому что позволяет запускать следующий запрос после завершения предыдущего и гибко менять задержку (например, при ошибках увеличить).

Question 7

В каком порядке выполняются Promise, setTimeout и синхронный код?

Accepted Answer

Сначала выполняется весь синхронный код. Затем выполняются microtask, включая обработчики Promise. После этого выполняются macrotask, такие как setTimeout. Этот порядок повторяется на каждой итерации event loop. Поэтому Promise обычно выполняется раньше setTimeout.

Question 8

Как выполняется Promise, если его вызов обёрнут в setTimeout?

Accepted Answer

setTimeout помещает колбэк в очередь макрозадач. Promise внутри него создаётся и резолвится уже во время выполнения этой макрозадачи. Микрозадачи Promise будут выполнены сразу после завершения текущего колбэка setTimeout, но до следующей макрозадачи. Это влияет на порядок выполнения кода.

Вопросы React Frontend Developer