5. Оператор создания of

Самый простой способ создать поток

В реальной жизни мы редко пишем new Observable руками. RxJS даёт готовые функции-«фабрики», которые называют creation operators (операторы создания). Самая простая из них — of.

Как работает of

of(a, b, c, ...) принимает значения как отдельные аргументы. После подписки он синхронно (то есть прямо сейчас, без задержек) отправляет их по очереди и затем вызывает complete.

of(10, 20, 30)
// Последовательность сигналов: next(10) → next(20) → next(30) → complete()

Где это пригодится

Чаще всего of используют для тестов, заглушек данных и для возврата готового значения из функции, которая обязана вернуть Observable (например, в catchError, который мы изучим позже).

Что нужно сделать

Передайте в of(...) три числа: 10, 20, 30 (через запятую, как отдельные аргументы).
Подписка передана объектом — она уже выводит каждое число через next и сообщение Done через complete.
Ожидаемый вывод: Number: 10 → Number: 20 → Number: 30 → Done.

Решение spoiler · click to reveal

const { of } = Rx;

const numbers$ = of(10, 20, 30);

numbers$.subscribe({
  next: value => console.log('Number: ' + value),
  complete: () => console.log('Done')
});

script.ts // TypeScript

CONSOLE · Console Output

Нажмите на запуск, чтобы увидеть результат...