- throttle
- 签名:
throttle(durationSelector: function(value): Observable | Promise): Observable
- 签名:
- 仅当由提供的函数所确定的持续时间已经过去时才发出值。
- 示例
- 示例 1: 节流2秒,时间由第2个 observable 决定
- 示例 2: 使用 promise 进行节流
- 示例
- 其他资源
throttle
签名: throttle(durationSelector: function(value): Observable | Promise): Observable
仅当由提供的函数所确定的持续时间已经过去时才发出值。

示例
示例 1: 节流2秒,时间由第2个 observable 决定
( jsBin |
jsFiddle )
import { interval } from 'rxjs/observable/interval';import { throttle } from 'rxjs/operators';// 每1秒发出值const source = interval(1000);// 节流2秒后才发出最新值const example = source.pipe(throttle(val => interval(2000)));// 输出: 0...3...6...9const subscribe = example.subscribe(val => console.log(val));
示例 2: 使用 promise 进行节流
( jsBin |
jsFiddle )
import { interval } from 'rxjs/observable/interval';import { throttle, map } from 'rxjs/operators';// 每1秒发出值const source = interval(1000);// 基于 source 自增地增加解析的时间const promise = val =>new Promise(resolve =>setTimeout(() => resolve(`Resolved: ${val}`), val * 100));// 当 promise 解析时发出 source 的项const example = source.pipe(throttle(promise),map(val => `Throttled off Promise: ${val}`););const subscribe = example.subscribe(val => console.log(val));
其他资源
- throttle
- 官方文档 - 过滤操作符: throttle 和 throttleTime
- André Staltz
源码: https://github.com/ReactiveX/rxjs/blob/master/src/internal/operators/throttle.ts
