22222

Что такое Event Loop?

Event Loop — это ключевой компонент среды выполнения JavaScript (например, в браузере или Node.js), который управляет выполнением кода, сбором и обработкой событий, а также выполнением подзадач из очередей. Он позволяет JavaScript, будучи однопоточным языком, эффективно обрабатывать асинхронные операции, такие как таймеры, HTTP-запросы или взаимодействие с пользователем.

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

JavaScript имеет call stack (стек вызовов), где выполняются синхронные функции. Когда встречается асинхронная операция (например, setTimeout), она передается в Web API (в браузере) или libuv (в Node.js). После завершения операции её callback помещается в callback queue (очередь задач). Event Loop постоянно проверяет, пуст ли call stack. Если стек пуст, он берет первый callback из очереди и помещает его в стек для выполнения.

Пример кода

console.log('Start');

setTimeout(() => {
  console.log('Timeout');
}, 0);

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

console.log('End');
// Вывод: Start, End, Promise, Timeout

В этом примере сначала выполняются синхронные console.log('Start') и console.log('End'). Затем Promise попадает в microtask queue (очередь микрозадач), которая имеет приоритет над callback queue. Поэтому сначала выводится 'Promise', а затем 'Timeout'. Это демонстрирует, как Event Loop обрабатывает разные типы очередей.

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

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

Вывод: Event Loop — это основа асинхронного программирования в JavaScript. Его понимание необходимо для создания отзывчивых приложений, особенно при работе с большим количеством асинхронных операций, таких как запросы к API или обработка пользовательского ввода.