React Frontend Developer

Question 1

Почему MutationObserver использует микротаски в Event Loop?

Accepted Answer

MutationObserver выполняет свои колбэки в микротасках, чтобы изменения DOM обрабатывались сразу после текущей задачи, но до рендеринга и макротасков. Это позволяет быстро реагировать на изменения, сохраняя высокую производительность.

Question 2

Являются ли колбэки MutationObserver микротасками или макротасками? Почему?

Accepted Answer

Колбэки MutationObserver являются микротасками (microtasks). Они выполняются в той же фазе event loop, что и Promise, но после них. Это обеспечивает высокий приоритет выполнения и гарантирует, что наблюдения за изменениями DOM обрабатываются до следующего рендеринга браузера.

Question 3

Что такое MutationObserver и queueMicrotask?

Accepted Answer

MutationObserver позволяет отслеживать изменения в DOM без постоянных проверок. Он реагирует на добавление, удаление или изменение узлов. queueMicrotask позволяет вручную добавить задачу в очередь microtask. Оба механизма тесно связаны с event loop и выполняются до macrotask.

Question 4

Как работает Event Emitter?

Accepted Answer

Event Emitter — это класс из модуля events в Node.js, реализующий паттерн Observer. Он позволяет объектам генерировать события и подписываться на них. Вы создаете экземпляр, используете метод on() для подписки на событие и emit() для его вызова. Когда событие происходит, все подписанные функции (listeners) выполняются синхронно в порядке регистрации.

Question 5

Как использовать IntersectionObserver для реализации бесконечного скролла?

Accepted Answer

IntersectionObserver позволяет асинхронно отслеживать пересечение элемента с областью просмотра. Для бесконечного скролла создайте наблюдатель, который при пересечении с элементом-триггером загружает новые данные и обновляет позицию триггера. Это эффективнее, чем слушать событие scroll, так как работает на уровне браузера без постоянных вычислений.

Question 6

Где в реальном приложении применяется паттерн Observer? Приведите конкретный пример.

Accepted Answer

Паттерн Observer используется, когда один объект (субъект) уведомляет множество зависимых объектов (наблюдателей) об изменениях своего состояния. Например, в интерфейсе пользователя при изменении данных модели автоматически обновляются все связанные представления. Это реализует слабую связанность и упрощает поддержку кода.

Вопросы React Frontend Developer