You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
3.2 KiB
88 lines
3.2 KiB
import { Observable } from '../Observable'; |
|
import { subscribeToResult } from '../util/subscribeToResult'; |
|
import { OuterSubscriber } from '../OuterSubscriber'; |
|
/** |
|
* We need this JSDoc comment for affecting ESDoc. |
|
* @extends {Ignored} |
|
* @hide true |
|
*/ |
|
export class DeferObservable extends Observable { |
|
constructor(observableFactory) { |
|
super(); |
|
this.observableFactory = observableFactory; |
|
} |
|
/** |
|
* Creates an Observable that, on subscribe, calls an Observable factory to |
|
* make an Observable for each new Observer. |
|
* |
|
* <span class="informal">Creates the Observable lazily, that is, only when it |
|
* is subscribed. |
|
* </span> |
|
* |
|
* <img src="./img/defer.png" width="100%"> |
|
* |
|
* `defer` allows you to create the Observable only when the Observer |
|
* subscribes, and create a fresh Observable for each Observer. It waits until |
|
* an Observer subscribes to it, and then it generates an Observable, |
|
* typically with an Observable factory function. It does this afresh for each |
|
* subscriber, so although each subscriber may think it is subscribing to the |
|
* same Observable, in fact each subscriber gets its own individual |
|
* Observable. |
|
* |
|
* @example <caption>Subscribe to either an Observable of clicks or an Observable of interval, at random</caption> |
|
* var clicksOrInterval = Rx.Observable.defer(function () { |
|
* if (Math.random() > 0.5) { |
|
* return Rx.Observable.fromEvent(document, 'click'); |
|
* } else { |
|
* return Rx.Observable.interval(1000); |
|
* } |
|
* }); |
|
* clicksOrInterval.subscribe(x => console.log(x)); |
|
* |
|
* // Results in the following behavior: |
|
* // If the result of Math.random() is greater than 0.5 it will listen |
|
* // for clicks anywhere on the "document"; when document is clicked it |
|
* // will log a MouseEvent object to the console. If the result is less |
|
* // than 0.5 it will emit ascending numbers, one every second(1000ms). |
|
* |
|
* @see {@link create} |
|
* |
|
* @param {function(): SubscribableOrPromise} observableFactory The Observable |
|
* factory function to invoke for each Observer that subscribes to the output |
|
* Observable. May also return a Promise, which will be converted on the fly |
|
* to an Observable. |
|
* @return {Observable} An Observable whose Observers' subscriptions trigger |
|
* an invocation of the given Observable factory function. |
|
* @static true |
|
* @name defer |
|
* @owner Observable |
|
*/ |
|
static create(observableFactory) { |
|
return new DeferObservable(observableFactory); |
|
} |
|
/** @deprecated internal use only */ _subscribe(subscriber) { |
|
return new DeferSubscriber(subscriber, this.observableFactory); |
|
} |
|
} |
|
class DeferSubscriber extends OuterSubscriber { |
|
constructor(destination, factory) { |
|
super(destination); |
|
this.factory = factory; |
|
this.tryDefer(); |
|
} |
|
tryDefer() { |
|
try { |
|
this._callFactory(); |
|
} |
|
catch (err) { |
|
this._error(err); |
|
} |
|
} |
|
_callFactory() { |
|
const result = this.factory(); |
|
if (result) { |
|
this.add(subscribeToResult(this, result)); |
|
} |
|
} |
|
} |
|
//# sourceMappingURL=DeferObservable.js.map
|