вопрос 2?

Что такое Event Loop?

Event Loop — это ключевой механизм в JavaScript, который обеспечивает асинхронное выполнение кода, несмотря на то, что язык является однопоточным. Он управляет очередями задач и координирует работу Call Stack, Web API и очередей обратных вызовов.

Как это работает?

Когда выполняется синхронный код, он попадает в Call Stack. Асинхронные операции (например, setTimeout, fetch) передаются в Web API браузера или Node.js. После завершения их колбэки помещаются в соответствующую очередь: microtask (Promise, MutationObserver) или macrotask (setTimeout, setInterval, I/O). Event Loop постоянно проверяет, пуст ли Call Stack. Если стек пуст, он сначала обрабатывает все microtask, затем берет одну macrotask из очереди и помещает её в стек.

Пример кода

console.log('1');

setTimeout(() => console.log('2'), 0);

Promise.resolve().then(() => console.log('3'));

console.log('4');
// Вывод: 1, 4, 3, 2

В этом примере сначала выполняются синхронные console.log('1') и console.log('4'). Затем Promise (microtask) выводит '3', и только после этого setTimeout (macrotask) выводит '2'. Это демонстрирует приоритет microtask перед macrotask.

Где применяется?

Event Loop используется везде, где есть асинхронность: обработка событий, AJAX-запросы, таймеры, работа с файлами в Node.js. Понимание этого механизма помогает избегать ошибок, связанных с порядком выполнения кода, и писать эффективные асинхронные приложения.

Вывод: Event Loop — фундаментальная концепция для работы с асинхронным JavaScript. Её понимание необходимо для отладки, оптимизации производительности и написания предсказуемого кода в браузере и Node.js.