Загрузка…
Что такое функции создания observable (creation functions)?
Angular · middle · сложность 5
Разберём создание
Observable creation functions — фабрики, которые возвращают новый Observable с готовой семантикой источника.
Примеры:
| Функция | Поведение |
|---|---|
of(...values) | синхронно эмитит аргументы и complete |
from(array|promise|iterable) | из коллекции/Promise |
fromEvent(target, event) | DOM/Node события |
interval(ms) / timer | по времени |
defer(() => obsFactory) | фабрика на каждую подписку |
throwError(() => err) | сразу error |
EMPTY / NEVER | сразу complete / никогда |
import { from, fromEvent, defer } from 'rxjs';
from([1, 2, 3]);
from(fetch('/api').then(r => r.json()));
fromEvent(document, 'click');
// HTTP лениво при каждой подписке
defer(() => this.http.get('/api/items'));HttpClient.get по сути тоже creation-источник внутри Angular. Creation functions задают cold/hot характер и teardown. Например, fromEvent добавляет listener при subscribe и снимает при unsubscribe.
Ошибка новичков: оборачивать уже горячий источник лишним of, или создавать побочный эффект вне defer/Observable constructor — тогда эффект сработает «слишком рано», до подписки. На интервью приведите 3–4 фабрики и объясните lazy-семантику defer.