RxJS 是一个流行的响应式编程库，它提供了许多操作符来处理数据流。其中一个常用的操作符是 interval，它可以用来创建一个定时器，定期发出一个数字。
interval 操作符的基本语法
interval 操作符的基本语法如下：
interval(period: number, scheduler: Scheduler): Observable<number>
其中 period 表示定时器的间隔时间，单位是毫秒。scheduler 是一个可选参数，用来指定定时器的调度器。返回值是一个 Observable，它会定期发出一个数字，从 0 开始，每次加 1。
interval 操作符的使用示例
下面是一个简单的使用示例，它会每秒钟输出一个数字：
import { interval } from 'rxjs';
const source$ = interval(1000);
source$.subscribe(value => console.log(value));上面的代码中，我们使用了 interval 操作符创建了一个每秒钟输出一个数字的 Observable。然后我们订阅这个 Observable，每次输出一个数字。输出的数字从 0 开始，每次加 1。
interval 操作符的高级应用
除了基本的使用方式，interval 操作符还有许多高级应用。下面是一些常见的应用场景：
1. 延迟执行
有时候我们需要在一定时间后执行某个操作，可以使用 interval 操作符来实现。比如下面的示例会在 5 秒钟后输出一段文字：
import { interval } from 'rxjs';
import { take } from 'rxjs/operators';
const source$ = interval(1000).pipe(take(5));
source$.subscribe(() => console.log('5 seconds later'));上面的代码中，我们使用了 take 操作符来限制输出次数，只输出 5 次。这样就可以在 5 秒钟后停止输出。
2. 定时轮询
有时候我们需要定时轮询某个接口或者数据源，可以使用 interval 操作符来实现。比如下面的示例会每隔 5 秒钟请求一次接口：
import { interval } from 'rxjs';
import { switchMap } from 'rxjs/operators';
const source$ = interval(5000).pipe(
switchMap(() => fetch('/api/data'))
);
source$.subscribe(response => console.log(response));上面的代码中，我们使用了 switchMap 操作符来切换到新的 Observable，每隔 5 秒钟请求一次接口，然后输出响应。
3. 与其他操作符结合使用
interval 操作符可以与其他操作符结合使用，实现更复杂的逻辑。比如下面的示例会每隔 1 秒钟输出一个随机数，但是保证不重复：
-- -------------------- ---- ------- ------ - -------- - ---- ------- ------ - ---- -------------------- - ---- ----------------- ----- ------- - -------------------- ------ -- ------------------------ - ------ ---------------------- -- ----------------------- -- --------------------
上面的代码中，我们使用了 map 操作符来将每个数字转换成一个随机数，然后使用 distinctUntilChanged 操作符来保证输出的数字不重复。
总结
interval 操作符是 RxJS 中的一个常用操作符，它可以用来创建定时器，定期发出一个数字。除了基本的使用方式，还有许多高级应用，比如延迟执行、定时轮询和与其他操作符结合使用等。掌握 interval 操作符的使用方法，可以帮助我们更好地处理数据流。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6629fd31c9431a720c791890