Заблокирует ли бесконечный цикл взаимодействие пользователя со страницей?

Как работает однопоточная модель JavaScript

JavaScript является однопоточным языком, что означает, что весь код выполняется последовательно в одном потоке — главном потоке (main thread). Этот поток отвечает не только за выполнение JavaScript, но и за обработку пользовательских событий (клики, нажатия клавиш), рендеринг DOM и выполнение анимаций. Если какой-либо синхронный код выполняется слишком долго или бесконечно, он блокирует этот поток.

Пример бесконечного цикла

Рассмотрим простой пример:

while (true) {
  // бесконечный цикл
  console.log('Бесконечность');
}

Когда этот код выполняется, цикл никогда не завершится. Браузер не сможет обработать очередь событий (event queue), так как цикл постоянно занимает стек вызовов. Пользователь не сможет нажать на кнопку, ввести текст или даже закрыть вкладку обычным способом — страница зависнет.

Как избежать блокировки

Для длительных операций следует использовать асинхронные подходы:

• setTimeout / setInterval — позволяют разбить задачу на части и дать браузеру время обработать события.
• Web Workers — выполняют код в отдельном потоке, не блокируя основной.
• requestAnimationFrame — для анимаций, синхронизированных с перерисовкой.

Пример с setTimeout, который не блокирует поток:

function loopWithDelay() {
  console.log('Итерация');
  setTimeout(loopWithDelay, 0); // планирует следующий вызов
}
loopWithDelay();

Здесь каждый вызов функции завершается, и браузер может обработать события до следующей итерации.

Вывод

Бесконечный цикл блокирует взаимодействие пользователя со страницей, так как занимает единственный поток выполнения. Для предотвращения зависаний используйте асинхронные механизмы или Web Workers для тяжелых вычислений.