Skip to content

Commit

Permalink
docs(operators): write comprehensive JSDoc for reduce
Browse files Browse the repository at this point in the history
Fixes issue #1685.
  • Loading branch information
staltz committed May 9, 2016
1 parent 97bcc15 commit 993a2c3
Show file tree
Hide file tree
Showing 2 changed files with 49 additions and 21 deletions.
68 changes: 48 additions & 20 deletions src/operator/reduce.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3,38 +3,65 @@ import {Operator} from '../Operator';
import {Subscriber} from '../Subscriber';

/**
* Returns an Observable that applies a specified accumulator function to the first item emitted by a source Observable,
* then feeds the result of that function along with the second item emitted by the source Observable into the same
* function, and so on until all items have been emitted by the source Observable, and emits the final result from
* the final call to your function as its sole item.
* This technique, which is called "reduce" here, is sometimes called "aggregate," "fold," "accumulate," "compress," or
* "inject" in other programming contexts.
* Applies an accumulator function over the source Observable, and returns the
* accumulated result when the source completes, given an optional seed value.
*
* <span class="informal">Combines together all values emitted on the source,
* using an accumulator function that knows how to join a new source value into
* the accumulation from the past.</span>
*
* <img src="./img/reduce.png" width="100%">
*
* @param {initialValue} the initial (seed) accumulator value
* @param {accumulator} an accumulator function to be invoked on each item emitted by the source Observable, the
* result of which will be used in the next accumulator call.
* @return {Observable} an Observable that emits a single item that is the result of accumulating the output from the
* items emitted by the source Observable.
* Like
* [Array.prototype.reduce()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce),
* `reduce` applies an `accumulator` function against an accumulation and each
* value of the source Observable (from the past) to reduce it to a single
* value, emitted on the output Observable. Note that `reduce` will only emit
* one value, only when the source Observable completes. It is equivalent to
* applying operator {@link scan} followed by operator {@link last}.
*
* Returns an Observable that applies a specified `accumulator` function to each
* item emitted by the source Observable. If a `seed` value is specified, then
* that value will be used as the initial value for the accumulator. If no seed
* value is specified, the first item of the source is used as the seed.
*
* @example <caption>Count the number of click events that happened in 5 seconds</caption>
* var clicksInFiveSeconds = Rx.Observable.fromEvent(document, 'click')
* .takeUntil(Rx.Observable.interval(5000));
* var ones = clicksInFiveSeconds.mapTo(1);
* var seed = 0;
* var count = ones.reduce((acc, one) => acc + one, seed);
* count.subscribe(x => console.log(x));
*
* @see {@link count}
* @see {@link expand}
* @see {@link mergeScan}
* @see {@link scan}
*
* @param {function(acc: R, value: T): R} accumulator The accumulator function
* called on each source value.
* @param {R} [seed] The initial accumulation value.
* @return {Observable<R>} An observable of the accumulated values.
* @return {Observable<R>} An Observable that emits a single value that is the
* result of accumulating the values emitted by the source Observable.
* @method reduce
* @owner Observable
*/
export function reduce<T, R>(project: (acc: R, value: T) => R, seed?: R): Observable<R> {
return this.lift(new ReduceOperator(project, seed));
export function reduce<T, R>(accumulator: (acc: R, value: T) => R, seed?: R): Observable<R> {
return this.lift(new ReduceOperator(accumulator, seed));
}

export interface ReduceSignature<T> {
<R>(project: (acc: R, value: T) => R, seed?: R): Observable<R>;
<R>(accumulator: (acc: R, value: T) => R, seed?: R): Observable<R>;
}

export class ReduceOperator<T, R> implements Operator<T, R> {

constructor(private project: (acc: R, value: T) => R, private seed?: R) {
constructor(private accumulator: (acc: R, value: T) => R, private seed?: R) {
}

call(subscriber: Subscriber<R>, source: any): any {
return source._subscribe(new ReduceSubscriber(subscriber, this.project, this.seed));
return source._subscribe(new ReduceSubscriber(subscriber, this.accumulator, this.seed));
}
}

Expand All @@ -48,12 +75,13 @@ export class ReduceSubscriber<T, R> extends Subscriber<T> {
acc: T | R;
hasSeed: boolean;
hasValue: boolean = false;
project: (acc: R, value: T) => R;

constructor(destination: Subscriber<R>, project: (acc: R, value: T) => R, seed?: R) {
constructor(destination: Subscriber<R>,
private accumulator: (acc: R, value: T) => R,
seed?: R) {
super(destination);
this.acc = seed;
this.project = project;
this.accumulator = accumulator;
this.hasSeed = typeof seed !== 'undefined';
}

Expand All @@ -69,7 +97,7 @@ export class ReduceSubscriber<T, R> extends Subscriber<T> {
private _tryReduce(value: T) {
let result: any;
try {
result = this.project(<R>this.acc, value);
result = this.accumulator(<R>this.acc, value);
} catch (err) {
this.destination.error(err);
return;
Expand Down
2 changes: 1 addition & 1 deletion src/operator/scan.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import {Observable} from '../Observable';
import {Subscriber} from '../Subscriber';

/**
* Applies an accumulation function over the source Observable, and returns each
* Applies an accumulator function over the source Observable, and returns each
* intermediate result, with an optional seed value.
*
* <span class="informal">It's like {@link reduce}, but emits the current
Expand Down

0 comments on commit 993a2c3

Please sign in to comment.