为什么这些RxJS可观测量产生奇怪的输出?

时间:2015-06-09 19:11:29

标签: javascript observable rxjs

我有两个可从同一来源创建的可观察对象。它们通过映射来区分,该映射将随机值分配给正在发射的元素的属性。以下是逻辑示例:

var Rx = require('rx');
var _ = require('lodash');

// create a source that emits a single event, and map that to an empty object
var source = Rx.Observable
    .range(0, 1)
    .map(function makeObject() { return {}; });

// map the empty object and give each one a type property with the
// value randomly chosen between "a" or "b"
var typed = source.map(function type(obj) {
    obj.type = _.sample(['a', 'b']); // obj.type will randomly be 'a' or 'b'
    return obj;
});

// create an observable that only contains "a"
var a = typed.filter(function(obj) {
    return obj.type === 'a';
});

// create an observable that only contains "b"
var b = typed.filter(function(obj) {
    return obj.type === 'b';
});

// merge both observables and log the result in the subscription
Rx.Observable.merge(a, b).subscribe(function(obj) {
    console.log(obj);
});

我希望这个最终合并的流始终会生成一个包含obj.type === 'a'obj.type === 'b'的对象,然后完成。

但是,每次运行此脚本时,我都会得到各种结果,有些是预期的,有些是出乎意料的。

预期结果" a":

{ type : 'a' }

预期结果" b":

{ type : 'b' }

两者都出乎意料:

{ type : 'a' }
{ type : 'b' }

而且,有时我根本没有输出。我在这里缺少什么?

1 个答案:

答案 0 :(得分:4)

这个问题与RX的懒惰性有关:

您有两个订阅由合并调用创建,每个订阅都会导致对所有可观察操作符的评估。

这意味着:

订阅a - >可能导致:

  • 生成项目a然后发出。
  • 生成项目b,然后过滤掉

订阅b - >同样,要么:

  • 生成项目b然后发出
  • 生成项目a,然后过滤掉

如果合并这些流,您将获得以下任一结果: 只有a,只有b,a& b,都不是。

更多详情

让我们看一个更简单的例子:

 var source = Rx.Observable
    .range(0, 1)
    .map(function () { return Math.random(); })

现在在常规的pub-sub系统中,我们希望如果我添加2个订阅者,每个订阅者输出相同的值:

source.subscribe(function(x){console.log("sub 1:" + x)})
source.subscribe(function(x){console.log("sub 2:" + x)})

只有它们不会,每个都会打印一个不同的值,因为每个订阅再次调用Math.Random()。

虽然它有点奇怪,但它实际上是rx observables的正确行为,每个新订阅都会导致对可观察流的新评估。

合并订阅这两个observable(这意味着创建了两个值而不是一个)并将值发送到新的observable。

为了避免这种行为,我们可以使用RX的发布运算符。 这里有更详细的解释:

http://www.introtorx.com/content/v1.0.10621.0/14_HotAndColdObservables.html

所以,在这种情况下:

var source = Rx.Observable
    .range(0, 1)
    .map(function makeObject() { return {}; });

var typed = source.map(function type(obj) {
    obj.type = _.sample(['a', 'b']); // obj.type will randomly be 'a' or 'b'
    return obj;
}).replay().refCount();