30. withLatestFrom: событие плюс актуальное состояние

Не все источники равноценны

У combineLatest все источники «равные» — любой может вызвать выход. Но часто есть главный источник (клик, событие) и вспомогательные (текущая роль, состояние формы). Хочется реагировать только на главный, но при этом «подглядывать» в актуальные значения вспомогательных.

withLatestFrom — главный + подсказки

main$.pipe(withLatestFrom(extra1$, extra2$)) эмитит только тогда, когда эмитит main$. Дополнительные потоки дают свои последние значения, но сами не запускают эмит.

click$:  ────── click ────── click ──
role$:   admin ──────── user ──────
result$: ────── [click, admin] ── [click, user]

Сравнение

• combineLatest — все источники равны, любой эмитит → результат.
• withLatestFrom — есть «главный», только он триггерит.

const { of, timer, withLatestFrom, map } = Rx;

const saveClick$ = timer(30).pipe(map(() => 'save'));
const role$ = of('admin');

const result$ = saveClick$.pipe(
  withLatestFrom(role$),
  map(([, role]) => 'Save as ' + role)
);