热&冷的 Observables

    如果是热的 observable 的话,订阅者只能收到当它开始订阅后的值,这很像是足球比赛的实况直播,如果你在开场5分钟后才开始观看,你会错失开场前5分钟的一切,从观看的这一刻起你才开始接收数据:

    1. liveStreaming$.subscribe(
    2. data => console.log('subscriber from first minute')
    3. err => console.log(err),
    4. () => console.log('completed')
    5. setTimeout(() => {
    6. liveStreaming$.subscribe(
    7. data => console.log('subscriber from 2nd minute')
    8. err => console.log(err),
    9. () => console.log('completed')
    10. )

    上面的示例其实并不是真正的热的 observable,事实上两个订阅者接收到的值都是0,1,2,3,4。因为这是一场足球比赛的实况直播,所以这样的结果并不是我们想要的,那么如何来修复呢?

    需要两个部件来将冷的 observable 转变成热的, publish()connect()

    在这个案例中,我们看到第一个订阅者输出的是0,1,2,3,4,而第二个输出的是3,4。很明显订阅的时间点是很重要的。

    这是 observalbes 的另外一种类型,它的表现很像热的 observable ,但它在某种程度上是惰性的。我想表达的是从本质上来说,在有订阅发生之前它们不会发出任何值。让我们来比较一下热的和暖的 observable

    1. let stream$ = Rx.Observable
    2. .interval(1000)
    3. .publish();
    4. stream$.connect();
    5. setTimeout(() => {
    6. }, 2000);

    这里我们可以看到热的 observable 会丢失第一个发出的值,因为订阅是延迟发生的。

    和暖的 observable 进行下对比

    暖的 observable

    refCount() 操作符确保 observable 变成暖的,也就是不会发出值直到 sub1 订阅了流。另一方面 sub2 是后加入的,也就是说订阅接收的是当前的值,而无法接收订阅之前的值。

    所以这个输出是:

    1. sub1 : 0
    2. sub1 : 1
    3. sub2 : 1
    4. sub2 : 2

    通常来说,如果 observable 的值被立即发出而不需要订阅者的话,那么就认为它是热的,一个最常见的例子就是 mousemove 。其它大多数热的 observables 都是通过使用 publish()connect() ,或者使用 share() 操作符将冷的 observables 转变成热的结果。

    共享

    共享意味着要使用一个十分有用,叫做 的操作符。想象一下你有这样一个普通的冷 observable:

    如果在 observer.next(1) 打个断点,你会注意到它执行了两次,每个订阅者一次。这个行为是我们对冷的 observable 的期望。共享操作符用了一种不同的方式将其转换成热的 observable,事实上,它不仅在正确的条件下转变成热的 observable,而且在某些条件下可以回退成冷的 observable 。那么这些条件是?

    1) 创建热的 Observable: 当有新的订阅时 Observable 还未完成并且订阅者数量大于0

    2) 创建冷的 Observable 在新的订阅之前订阅者的数量已经变成了0,也就是说,一个或多个订阅存在过一段时间,但是在新的订阅发生前已经取消了订阅。

    结果就是一个活动的 Observable 要继续产生值至少要有一个存在的订阅者。我们可以看到情况1)中的 Observable 在第有两个订阅者之前是休眠的,当订阅发生时它会立即转变成热的从而开始共享数据。