为什么 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() 5 次，它将每秒向服务器发送5 个请求。为什么switchMap不取消最后一个观察者？

Answer 1

因为每次您调用requestPassportData() 时，您都会使用新的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();
}

实际实施取决于您想要实现的具体目标，但希望您能明白与现在不同的地方。