Какие механизмы в однопоточном JavaScript позволяют писать отзывчивые приложения

Event Loop и асинхронные API (setTimeout, fetch, Promise) позволяют JavaScript обрабатывать задачи без блокировки основного потока. Event Loop управляет очередью событий, микрозадач (Promise) и макрозадач (setTimeout).

Пример:

console.log('Start');
setTimeout(() => console.log('Timeout'), 0);
Promise.resolve().then(() => console.log('Promise'));
console.log('End');
// Вывод: Start, End, Promise, Timeout

Web Workers для тяжелых вычислений:

const worker = new Worker('worker.js');
worker.postMessage(data);
worker.onmessage = (e) => console.log(e.data);

Другие механизмы:

• requestAnimationFrame для анимаций
• IntersectionObserver для ленивой загрузки
• Service Workers для фоновых процессов