RxJS-opdracht: er is een Observable waarop drie keer wordt geabonneerd in de template. Hoe maak je één abonnement in plaats van drie, zonder direct de async pipe te gebruiken? Hoe verschillen Subject en BehaviorSubject van een gewone Observable (hete vs koude stroom)?
sobes.tech AI
Antwoord van AI
Если в шаблоне Angular трижды подписываются на один и тот же Observable, это может привести к тройному выполнению источника данных, что неэффективно. Чтобы сделать одну подписку вместо трёх, можно использовать оператор shareReplay или создать Subject/BehaviorSubject, который будет мультикастить значения.
Пример с shareReplay:
const source$ = this.http.get('/api/data').pipe(
shareReplay(1) // кэширует последний эмит и делится им с подписчиками
);
Теперь несколько подписчиков получат одно и то же значение без повторных запросов.
Если не использовать async pipe, можно подписаться один раз в компоненте и передавать данные в шаблон через переменную.
Отличия Subject и BehaviorSubject от обычного Observable:
- Observable — холодный поток: источник данных запускается заново для каждого подписчика.
- Subject — горячий поток: мультикастит значения всем подписчикам, источник запускается один раз.
- BehaviorSubject — это Subject с хранением текущего значения. При подписке сразу отдаёт последнее значение, даже если подписчик пришёл позже.
Таким образом, Subject и BehaviorSubject позволяют разделять один источник данных между несколькими подписчиками без повторного запуска источника.