Как однопоточность влияет на скорость выполнения кода JS?

Однопоточность означает, что JS выполняет одну операцию за раз — тяжёлый синхронный код блокирует всё. Но асинхронность (Event Loop) даёт неблокирующее ожидание I/O, поэтому для типичных задач скорость приемлема.

Влияние однопоточности

Тяжёлые вычисления блокируют

Пока выполняется синхронный код, ничего другого не происходит — UI замирает:

for (let i = 0; i < 1e9; i++) {} // блокирует поток, всё замирает

Однопоточность делает тяжёлые CPU-задачи проблемой.

Но I/O не блокирует (Event Loop)

Асинхронные операции (сеть, таймеры) выполняются вне JS-потока (Web API), поэтому ожидание не блокирует — поток свободен:

await fetch(url); // поток не занят во время ожидания

Для I/O-задач (типичных на фронте) однопоточность не мешает — Event Loop эффективно чередует задачи.

Плюсы однопоточности

• Простота — нет гонок данных, блокировок, дедлоков (в отличие от многопоточности).
• Безопасная работа с DOM — нет конкурентного доступа.
• Достаточно для UI и I/O-нагрузок.

Минусы для скорости

• CPU-bound задачи (тяжёлые вычисления) блокируют поток.
• Нет параллелизма вычислений в основном потоке.

Как обходят ограничения

• Web Workers — тяжёлые вычисления в отдельном потоке (параллельно).
• Разбиение работы — на части через setTimeout/микрозадачи.
• Асинхронность — для I/O (не блокирует).

Коротко для собеседования

Однопоточность: JS выполняет одну операцию за раз, поэтому тяжёлые CPU-вычисления блокируют поток (UI замирает). Но I/O не блокирует — асинхронные операции ждут вне потока (Event Loop чередует задачи), что достаточно для типичных фронтенд-задач. Плюс — простота (нет гонок, безопасный DOM). Тяжёлые вычисления выносят в Web Workers.