Home Manual Reference Source Test Repository

es6/operator/switch.js

import { OuterSubscriber } from '../OuterSubscriber';
import { subscribeToResult } from '../util/subscribeToResult';
/**
 * 通过只订阅最新发出的内部 Observable ,将高阶 Observable 转换成一阶 Observable 。
 *
 * <span class="informal">一旦有新的内部 Observable 出现,通过丢弃前一个,将
 * 高级 Observable 打平。</span>
 *
 * <img src="./img/switch.png" width="100%">
 *
 *  `switch` 订阅发出 Observables 的 Observable,也就是高阶 Observable 。
 * 每次观察到这些已发出的内部 Observables 中的其中一个时,输出 Observable 订阅
 * 这个内部 Observable 并开始发出该 Observable 所发出的项。到目前为止,
 * 它的行为就像 {@link mergeAll} 。然而,当发出一个新的内部 Observable 时,
 * `switch` 会从先前发送的内部 Observable 那取消订阅,然后订阅新的内部 Observable
 * 并开始发出它的值。后续的内部 Observables 也是如此。
 *
 * @example <caption>每次点击返回一个 interval Observable</caption>
 * var clicks = Rx.Observable.fromEvent(document, 'click');
 * // 每次点击事件都会映射成间隔1秒的 interval Observable
 * var higherOrder = clicks.map((ev) => Rx.Observable.interval(1000));
 * var switched = higherOrder.switch();
 * // 结果是 `switched` 本质上是一个每次点击时会重新启动的计时器。
 * // 之前点击产生的 interval Observables 不会与当前的合并。
 * switched.subscribe(x => console.log(x));
 *
 * @see {@link combineAll}
 * @see {@link concatAll}
 * @see {@link exhaust}
 * @see {@link mergeAll}
 * @see {@link switchMap}
 * @see {@link switchMapTo}
 * @see {@link zipAll}
 *
 * @return {Observable<T>} 该 Observable 发出由源 Observable 最新发出的
 * Observable 所发出的项。
 * @method switch
 * @name switch
 * @owner Observable
 */
export function _switch() {
    return this.lift(new SwitchOperator());
}
class SwitchOperator {
    call(subscriber, source) {
        return source.subscribe(new SwitchSubscriber(subscriber));
    }
}
/**
 * We need this JSDoc comment for affecting ESDoc.
 * @ignore
 * @extends {Ignored}
 */
class SwitchSubscriber extends OuterSubscriber {
    constructor(destination) {
        super(destination);
        this.active = 0;
        this.hasCompleted = false;
    }
    _next(value) {
        this.unsubscribeInner();
        this.active++;
        this.add(this.innerSubscription = subscribeToResult(this, value));
    }
    _complete() {
        this.hasCompleted = true;
        if (this.active === 0) {
            this.destination.complete();
        }
    }
    unsubscribeInner() {
        this.active = this.active > 0 ? this.active - 1 : 0;
        const innerSubscription = this.innerSubscription;
        if (innerSubscription) {
            innerSubscription.unsubscribe();
            this.remove(innerSubscription);
        }
    }
    notifyNext(outerValue, innerValue, outerIndex, innerIndex, innerSub) {
        this.destination.next(innerValue);
    }
    notifyError(err) {
        this.destination.error(err);
    }
    notifyComplete() {
        this.unsubscribeInner();
        if (this.hasCompleted && this.active === 0) {
            this.destination.complete();
        }
    }
}
//# sourceMappingURL=switch.js.map