Как работает Event Loop — какие очереди есть, порядок их исполнения? Расскажите про микрозадачи, макрозадачи, requestAnimationFrame, requestIdleCallback.

Event Loop — это механизм в JavaScript, который позволяет обрабатывать асинхронные операции, не блокируя основной поток.

Основные очереди:

• Макрозадачи (task queue): setTimeout, setInterval, I/O, UI события.
• Микрозадачи (microtask queue): Promise.then/catch/finally, MutationObserver.

Порядок исполнения:

1. Выполняется одна макрозадача из очереди.
2. После неё выполняются все микрозадачи из микрозадачной очереди.
3. Обновляется рендер (если нужно).
4. Переход к следующей макрозадаче.

requestAnimationFrame — это API для планирования функции на следующий кадр анимации, вызывается перед перерисовкой.

requestIdleCallback — позволяет запланировать выполнение функции, когда браузер не занят, то есть в периоды простоя, чтобы не мешать основным задачам.

Таким образом, Event Loop обеспечивает плавность интерфейса и эффективное выполнение асинхронного кода.