为什么 switchMap 不取消前一个观察者？

Question

我在组件（控制器）中描述了方法：

public requestPassportData(): void {
    const th = this;
    const data = {
      get_scanned_data: true
    };

    Observable.timer(0, 1000)
      .switchMap(() => this.requestMethods.requestPassportData(data))
      .takeWhile(() => {
        return (
          th.formRegister.currentForm().index == 1 ||
          th.formRegister.currentForm().index == 2 ||
          th.formRegister.currentForm().index == 3
        );
      })
      .subscribe(response => {});
}

如果调用方法requestPassportData()五次，它将每秒钟向服务器发送五个请求。为什么 switchMap 不取消最后一个观察者？

Answer 1

因为每次您调用时，requestPassportData()您都会使用 new 创建一个Observable.timer与之前调用无关的新链。

显然有多种方法可以解决此问题，但您可以执行以下操作：

private requestPasswordSubject$ = new Subject();

private requestPassword = this.requestPasswordSubject$
  .switchMap(() => Observable.timer(0, 1000)
    .switchMap(() => this.requestMethods.requestPassportData(data))
    .takeWhile(() => {
      return (
         th.formRegister.currentForm().index == 1 ||
         th.formRegister.currentForm().index == 2 ||
         th.formRegister.currentForm().index == 3
      );
    });
  )
  .subscribe(response => {});

public requestPassportData(): void {
  ...
  this.requestPasswordSubject$.next();
}

实际实施取决于您究竟要实现什么，但希望您明白与现在不同的地方。