操作符介绍
在 RxJS 中，interval 和 timer 是两个常用的操作符。它们都可以创建一个 Observable，让我们可以对这个 Observable 进行订阅和处理。
- interval 操作符会每隔一定时间发送一个序列数值，并以此往后推进序列。因为它是默认每隔一定时间就会推进的，所以可以看做是一个循环定时器。
- timer 操作符会在一定时间后发送一个值，常常用于延迟某些操作，或者只需要在特定时间段内执行的操作。
区别比较
- 参数不同
interval 操作符只需要一个参数，表示时间间隔，单位为毫秒。例如 interval(1000) 表示每隔 1 秒发送一个值。
timer 操作符有两种参数形式，可以有一个初始延迟时间和一个间隔时间参数，也可以只有一个总共需要等待的时间参数。例如 timer(1000, 2000) 表示从 1 秒后开始，之后每隔 2 秒发送一个值，而 timer(5000) 则表示 5 秒后仅仅发送一个值。
- 发出值的不同
interval 操作符是循环定时器，会发送一系列连续的值，不会自动停止，除非我们进行手动取消订阅。例如 interval(1000) 将会每隔 1 秒发送一个递增值。
timer 操作符会在指定的时间后发送一个值，然后自动停止 Observable。例如 timer(1000) 将会在 1 秒后发送一个值，然后自动停止。
- 使用场景不同
interval 操作符可以用于实现循环任务，例如定时刷新页面、周期请求后端数据等。
timer 操作符可以用于实现一次性定时任务，例如在页面加载完成后延迟一段时间再执行某个操作，或者在 10 分钟后执行某个操作。
代码示例
-- -------------------- ---- ------- -- -------- ---- ------ - -------- - ---- ------- ----- ------- - --------------- ----- ------------ - ----------------------- -- -------------------- -- - -- - -- - -- --- ------------- -- - --------------------------- -- ------ -- ------ -- ----- ---- ------ - ----- - ---- ------- ----- ------- - ----------- ------ ----- ------------ - ----------------------- -- -------------------- -- - -- - -- - -- --- ------------- -- - --------------------------- -- ------ -- -------
总结
interval 和 timer 操作符虽然都可以实现时间间隔定时器，但是它们有着不同的参数、发出值和使用场景。我们需要根据实际需求来选择正确的操作符。在使用时，还需要注意手动取消订阅，以避免造成资源浪费和内存泄漏等问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c3832283d39b4881784dfc