React Frontend Developer

Question 1

Что такое паттерн Наблюдатель (Observer)?

Accepted Answer

Паттерн Наблюдатель определяет зависимость "один ко многим", где изменение состояния одного объекта автоматически уведомляет все связанные объекты. Это полезно для реализации системы событий и реакций.

Question 2

Как описать паттерн Наблюдатель (Observer)?

Accepted Answer

Паттерн Наблюдатель — это поведенческий паттерн проектирования, в котором объект (субъект) уведомляет другие объекты (наблюдатели) о изменении своего состояния. Это полезно для реализации систем обработки событий. В PHP паттерн Наблюдатель может быть реализован с помощью интерфейсов SplObserver и SplSubject из стандартной библиотеки.

Question 3

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

Accepted Answer

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

Question 4

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

Accepted Answer

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

Question 5

Что такое паттерн Observer?

Accepted Answer

Observer — это паттерн, при котором один объект уведомляет другие объекты об изменениях своего состояния. Подписчики не опрашивают источник, а получают события автоматически. Это снижает связанность между объектами. Источник не знает деталей реализации подписчиков. Такой подход широко используется в iOS.

Question 6

В чём разница между Observer и Observable?

Accepted Answer

Observer — это объект, который получает уведомления об изменениях. Observable — это объект, который хранит состояние и рассылает уведомления. Observer подписывается на события Observable. Observable не знает деталей реализации Observer. Это разделение ролей делает систему гибкой.

Question 7

Как можно реализовать паттерн Observer базовыми средствами Swift?

Accepted Answer

Паттерн Observer в Swift можно реализовать с помощью протоколов, замыканий или NotificationCenter. Observable хранит список подписчиков и уведомляет их при изменениях. Observer реализует протокол или передаёт замыкание. Такой подход не требует дополнительных библиотек. Выбор способа зависит от требований к связанности и жизненному циклу.

Question 8

Как Observer подписывается на события Observable?

Accepted Answer

Observer подписывается на события, передавая себя Observable или регистрируя обработчик. Это может быть добавление в список подписчиков, установка замыкания или регистрация в NotificationCenter. После подписки Observer начинает получать уведомления при изменениях. Важно корректно управлять временем жизни подписки. Неправильная подписка может привести к утечкам памяти.

Question 9

Какие примеры Observer можно найти в UIKit?

Accepted Answer

В UIKit паттерн Observer используется очень часто. Самые известные примеры — NotificationCenter, target–action, delegate и KVO. Во всех этих случаях один объект уведомляет другие об изменениях или событиях. Подписчики реагируют на события, не зная внутренней реализации источника. Это снижает связанность компонентов.

Question 10

В чём суть паттерна Observer?

Accepted Answer

Паттерн Observer описывает зависимость «один ко многим». Когда состояние объекта меняется, все подписчики получают уведомление. Это позволяет отделить источник событий от их обработки. Паттерн широко используется в UI и событийных системах.

Вопросы React Frontend Developer