使用 takeUntil 完成一个 RxJS 流

Question

我想使用takeUntil 运算符完成一个不能自然完成的内部流，如下所示：

  outerObservable
    .mergeMap(() => {
        innerObservable
            .takeUntil(stopObservable$)
    });

这行得通，内部流按预期完成，但我希望外部流在停止信号之后返回最后一个值。即使经过大量的谷歌搜索，我仍然不知道如何。

编辑：

我编写了一个似乎可以解决问题的运算符，但由于我知道有更好的方法或者我完全误解了一些东西，所以让问题悬而未决。

function takeUntilThen(notifier, oneLastValue) {
    return Rx.Observable.create(subscriber => {
        var source = this;
        notifier.subscribe(() => {
            subscriber.next(oneLastValue);
            subscriber.complete()
        });
        return source.subscribe(value => {
            subscriber.next(value);
        },
        err => subscriber.error(err),
        () => subscriber.complete());
    });
}

Answer 1

听起来你想在innerObservable 和stopObservable 之间比赛，无论哪个获胜，都应该能够输出一些东西。

您可以为此使用恰当命名的.race() 运算符，而不是使用.takeUntil()。请参阅关于取消的 redux-observable 文档配方中的示例：

https://redux-observable.js.org/docs/recipes/Cancellation.html#cancel-and-do-something-else-eg-emit-a-different-action

const somethingEpic = action$ =>
  action$.ofType(SOMETHING)
    .mergeMap(action =>
      innerObservable
        .race(
          stopObservable
            .take(1)
        )
    );

由于您的示例是伪代码，因此这里是更具体的示例：

import { ajax } from 'rxjs/observable/dom/ajax';

const fetchUserEpic = action$ =>
  action$.ofType(FETCH_USER)
    .mergeMap(action =>
      ajax.getJSON(`/api/users/${action.payload}`)
        .map(response => fetchUserFulfilled(response))
        .race(
          action$.ofType(FETCH_USER_CANCELLED)
            .map(() => incrementCounter())
            .take(1)
        )
    );