一路斜阳的专栏

RXJS concat

过滤操作distinct去除重复数据，和所有的数据进行对比。示例一Rx.Observable.of(1,2,3,4,1) .distinct( ) .subscribe( x => console.log( x ))输出为：1,2,3,4示例二当然，也可以为distinct传递方法， Rx.Observable.of( { age: 4, nam...

在动手实现之前，我们先来简单介绍下combineLatest的作用。combineLatest可以将多个Observable进行合并，并将它们最新的值作为输出。它存在以下几个特点：combineLatest会等到所有的Observable都emit一次数据之后才开始emit数据在收集完一次数据之后，任何一个Observable emit了数据，则会emit数据，并不会再次等待所有Obser...

在上一篇我们简单实现了Observable.create，那么如何在此基础上实现Map操作呢。 对于如下代码，我们希望输出2，4Observable.create((observer) => { observer.next(1); observer.next(2);}) .map(value => value * 2) .subscribe((value) ...

Rxjs被越来越多的采用，尤其在Angular中。为了更好的理解Rxjs的工作原理。在这里我们会仿照Rxjs的源码，实现一个简易版的Rxjs 我们知道Rxjs的实现是基于观察者模式来实现的，比如：Observable.create((observer) => { observer.next(1); observer.next(2);}).subscribe({next:(va...

在上一篇中介绍了combineLatest的使用，下面我们列出其核心代码实现：class CombineLatestSubscriber extends OuterSubscriber { _next(observable) { this.values.push(none); this.observables.push(observable); } _complet...

Rxjs

RXJS

RxJS forkJoin

这几个操作符都可以将多个Observable进行组合，那么它们有什么不同呢？组合Observable发射一个值首先我们来看如下的示例：// combineLatestconst combineLatestExample = Rx.Observable.combineLatest(Rx.Observable.interval(1000).take(1),Rx.Observable.inter...