RxJS 覆盖 Timer/Observable 最佳实践

Question

我正在尝试在服务发出新的到期时间时“重置”计时器。我让它覆盖了可观察的。我不确定我是否应该“垃圾收集”observable 或者是否有更好的方法来“重置”计时器。

这段代码工作正常，但我不确定这是否是最佳实践

    const openModal = () => {
      if (this.sessionModal === null) {
        this.sessionModal = this.modalService.open(SessionModalComponent, {size: 'sm', backdrop: 'static', keyboard: false});
        this.sessionModal.result.then(() => this.sessionModal = null);
      }
    };

    this.expiresAt = authService.expiresAt;

    if (this.expiresAt !== null) {

      this.sessionTimerSubscription
        = timer(this.expiresAt.getTime() - (new Date()).getTime() - this.sessionModalOffset).subscribe(openModal);

      authService.expiresAt$.subscribe((expiresAt) => {

        this.expiresAt = expiresAt;

        this.sessionTimerSubscription.unsubscribe();
        this.sessionTimerSubscription
          = timer(this.expiresAt.getTime() - (new Date()).getTime() - this.sessionModalOffset).subscribe(openModal);
      });
    }

Answer 1

不太清楚你想要什么，但似乎这就是你想要做的：

    this.expiresAt = authService.expiresAt;

    if (this.expiresAt !== null) {

      // when the signal emits
      authService.expiresAt$.pipe(
        startWith(this.expiresAt), // starting with the current value
        tap(expiresAt => this.expiresAt = expiresAt), // set the state (if you must?)
        switchMap(expiresAt =>  // switch into a new timer
          timer(expiresAt.getTime() - (new Date()).getTime() - this.sessionModalOffset)
        )
      ).subscribe(openModal); // subscribe the modal?

    }

订阅嵌套在订阅中是一种不好的做法，会导致代码混乱。根据需要使用运算符组合流。

RxJS 覆盖 Timer/Observable 最佳实践

RxJS Overwrite Timer/Observable Best Practice

rxjs

typescript

angular

rxjs-observables