В чем разница между Observable и Subject

«В чем разница между Observable и Subject» — вопрос из категории Асинхронность, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Observable — это ленивая коллекция данных, которая начинает испускаться только при подписке (subscribe()). Каждый подписчик получает независимый поток данных.

Subject — это одновременно и Observable, и Observer. Он мультикастит данные всем подписчикам, а также может вручную передавать значения через next(), error(), complete().

Ключевые отличия:

  1. Observable — холодный (cold), Subject — горячий (hot)
  2. Subject хранит состояние и передаёт его новым подписчикам
  3. Subject позволяет вручную эмитить значения
// Observable
const obs$ = new Observable(sub => {
  sub.next(1);
  sub.next(2);
});

// Subject
const subj = new Subject();
subj.next(1); // можно эмитить вручную
subj.subscribe(console.log);
subj.next(2); // выведет 2