如何获取Observable定时器停止时的最终值？（Angular/TypeScript）

开发者阿泽

2026-6-28

解决方案

不需要特意改用BehaviorSubject，通过现有Observable流的操作符就能轻松获取定时器停止时的最终数值，下面给两种实用的实现方式：

方式一：用`tap`实时记录数值

在管道中加入tap操作符，每次定时器发射新值时同步更新组件内的变量，这样不管是倒计时自然结束还是因someCondition变为false停止，这个变量都会保存最终的数值：

// 组件内定义变量存储最终值
private finalRemainingSeconds = 30; // 初始值和定时器初始发射值一致

this.secondsRemaining$ = timer(0, 1000).pipe(
  map(n => 30 - n),
  tap(n => this.finalRemainingSeconds = n), // 实时更新变量
  // 加上inclusive: true，确保导致停止的那个值也会被发射并记录
  takeWhile(n => n >= 0 && someCondition, true)
);

之后你可以直接通过this.finalRemainingSeconds获取停止时的数值。

方式二：用`last()`操作符订阅最终值

如果不想实时记录，也可以通过last()操作符直接获取流结束时的最后一个值，配合shareReplay避免重复订阅（因为async管道已经会创建一个订阅）：

this.secondsRemaining$ = timer(0, 1000).pipe(
  map(n => 30 - n),
  takeWhile(n => n >= 0 && someCondition, true),
  shareReplay(1) // 共享订阅，避免多个订阅触发多个定时器实例
);

// 订阅获取最终值
this.secondsRemaining$.pipe(last()).subscribe(finalValue => {
  console.log('定时器停止时的数值：', finalValue);
  // 这里可以把finalValue存到组件变量里供后续使用
});