123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119 |
- import { Subscriber } from '../Subscriber';
- import { MonoTypeOperatorFunction, ObservableInput } from '../types';
- import { operate } from '../util/lift';
- import { noop } from '../util/noop';
- import { createOperatorSubscriber } from './OperatorSubscriber';
- import { innerFrom } from '../observable/innerFrom';
- /**
- * Emits a notification from the source Observable only after a particular time span
- * determined by another Observable has passed without another source emission.
- *
- * <span class="informal">It's like {@link debounceTime}, but the time span of
- * emission silence is determined by a second Observable.</span>
- *
- * 
- *
- * `debounce` delays notifications emitted by the source Observable, but drops previous
- * pending delayed emissions if a new notification arrives on the source Observable.
- * This operator keeps track of the most recent notification from the source
- * Observable, and spawns a duration Observable by calling the
- * `durationSelector` function. The notification is emitted only when the duration
- * Observable emits a next notification, and if no other notification was emitted on
- * the source Observable since the duration Observable was spawned. If a new
- * notification appears before the duration Observable emits, the previous notification will
- * not be emitted and a new duration is scheduled from `durationSelector` is scheduled.
- * If the completing event happens during the scheduled duration the last cached notification
- * is emitted before the completion event is forwarded to the output observable.
- * If the error event happens during the scheduled duration or after it only the error event is
- * forwarded to the output observable. The cache notification is not emitted in this case.
- *
- * Like {@link debounceTime}, this is a rate-limiting operator, and also a
- * delay-like operator since output emissions do not necessarily occur at the
- * same time as they did on the source Observable.
- *
- * ## Example
- *
- * Emit the most recent click after a burst of clicks
- *
- * ```ts
- * import { fromEvent, scan, debounce, interval } from 'rxjs';
- *
- * const clicks = fromEvent(document, 'click');
- * const result = clicks.pipe(
- * scan(i => ++i, 1),
- * debounce(i => interval(200 * i))
- * );
- * result.subscribe(x => console.log(x));
- * ```
- *
- * @see {@link audit}
- * @see {@link auditTime}
- * @see {@link debounceTime}
- * @see {@link delay}
- * @see {@link sample}
- * @see {@link sampleTime}
- * @see {@link throttle}
- * @see {@link throttleTime}
- *
- * @param durationSelector A function
- * that receives a value from the source Observable, for computing the timeout
- * duration for each source value, returned as an Observable or a Promise.
- * @return A function that returns an Observable that delays the emissions of
- * the source Observable by the specified duration Observable returned by
- * `durationSelector`, and may drop some values if they occur too frequently.
- */
- export function debounce<T>(durationSelector: (value: T) => ObservableInput<any>): MonoTypeOperatorFunction<T> {
- return operate((source, subscriber) => {
- let hasValue = false;
- let lastValue: T | null = null;
- // The subscriber/subscription for the current debounce, if there is one.
- let durationSubscriber: Subscriber<any> | null = null;
- const emit = () => {
- // Unsubscribe any current debounce subscription we have,
- // we only cared about the first notification from it, and we
- // want to clean that subscription up as soon as possible.
- durationSubscriber?.unsubscribe();
- durationSubscriber = null;
- if (hasValue) {
- // We have a value! Free up memory first, then emit the value.
- hasValue = false;
- const value = lastValue!;
- lastValue = null;
- subscriber.next(value);
- }
- };
- source.subscribe(
- createOperatorSubscriber(
- subscriber,
- (value: T) => {
- // Cancel any pending debounce duration. We don't
- // need to null it out here yet tho, because we're just going
- // to create another one in a few lines.
- durationSubscriber?.unsubscribe();
- hasValue = true;
- lastValue = value;
- // Capture our duration subscriber, so we can unsubscribe it when we're notified
- // and we're going to emit the value.
- durationSubscriber = createOperatorSubscriber(subscriber, emit, noop);
- // Subscribe to the duration.
- innerFrom(durationSelector(value)).subscribe(durationSubscriber);
- },
- () => {
- // Source completed.
- // Emit any pending debounced values then complete
- emit();
- subscriber.complete();
- },
- // Pass all errors through to consumer
- undefined,
- () => {
- // Finalization.
- lastValue = durationSubscriber = null;
- }
- )
- );
- });
- }
|