rxjs中的单播和多播

广告位招租
扫码页面底部二维码联系

rxjs的Subject具有多播的特性。【本文首发于唐霜的博客】【原创不易,请尊重版权】对于单播和多播怎么理解呢?

【版权所有】唐霜 www.tangshuang.net【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】

首先要了解一个概念“冷流和热流”。所谓“【本文首发于唐霜的博客】未经授权,禁止复制转载。冷流”是指数据的变化是固定死的,举个例子本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。

著作权归作者所有,禁止商业用途转载。【未经授权禁止转载】【本文受版权保护】【作者:唐霜】
let observable = Rx.Observable.create(function subscribe(obsever) {
observer.next(1)
observer.next(2)
})
observable.subscribe(v => console.log(v))

上面这段代码,subscribe的输出结【版权所有,侵权必究】原创内容,盗版必究。果是可预知的,一定是先输出1,然后输出2【原创内容,转载请注明出处】【转载请注明来源】.

【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。【转载请注明来源】原创内容,盗版必究。

“热流”是什么呢?就是它的数据变化是不可【转载请注明来源】【版权所有】唐霜 www.tangshuang.net知的,随机的,随意的。例如通过fromE【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】vent产生的observable。

【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net【原创内容,转载请注明出处】

现在回来说单播和多播。

【作者:唐霜】本文作者:唐霜,转载请注明出处。本文作者:唐霜,转载请注明出处。

单播是说,一个observable只能被【本文首发于唐霜的博客】本文作者:唐霜,转载请注明出处。一个观察者消费。还是用代码说话:

【未经授权禁止转载】【原创内容,转载请注明出处】
let observable = Rx.Observable.create(function subscribe(obsever) {
  observer.next(1)
  observer.next(2)
})
observable.subscribe(v => console.log(v))
observable.subscribe(v => console.log(v))

上面这段代码会输出两次1,2。简单的说,转载请注明出处:www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】当调用observable.subscr转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。ibe时,create的传入参数func本文作者:唐霜,转载请注明出处。【作者:唐霜】tion subscribe会被调用一次【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net。也就是说,一个subscribe只能被【转载请注明来源】【版权所有】唐霜 www.tangshuang.net一个observer消费。这就是单播。这【版权所有】唐霜 www.tangshuang.net【转载请注明来源】些observer之间相互不影响(不要有著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】全局变量),它们虽然订阅同一个obser【版权所有,侵权必究】【未经授权禁止转载】able,但是,它们仅仅是利用了obse本文版权归作者所有,未经授权不得转载。【本文受版权保护】rvable的处理数据的能力,至于数据源【作者:唐霜】【原创不易,请尊重版权】、处理结果,都是独立的。

【版权所有】唐霜 www.tangshuang.net未经授权,禁止复制转载。本文版权归作者所有,未经授权不得转载。【转载请注明来源】

那什么是多播呢?就是一个有一个东西,可以【版权所有】唐霜 www.tangshuang.net未经授权,禁止复制转载。被多个观察者同时订阅。这个时候要引进rx【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。js里面的Subject,它所创造的实例原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。,能被多个观察者消费。代码说话:

【作者:唐霜】【转载请注明来源】
let observable = Rx.Observable.create(function subscribe(obsever) {
  observer.next(1)
  observer.next(2)
})
let subject = new Rx.Subject() subject.subscribe(v => console.log(v)) subject.subscribe(v => console.log(v))
observable.subscribe(subject)

这个代码和前面不一样的地方在于,obse未经授权,禁止复制转载。【作者:唐霜】rvable被subject订阅,当su本文版权归作者所有,未经授权不得转载。【原创不易,请尊重版权】bject被两个不同的observer订著作权归作者所有,禁止商业用途转载。【本文受版权保护】阅时,subject执行一次functi【原创内容,转载请注明出处】【转载请注明来源】on subscribe,但是同时通知这【原创内容,转载请注明出处】著作权归作者所有,禁止商业用途转载。两个observer。所以,当你得到的结【原创不易,请尊重版权】【本文首发于唐霜的博客】果是:1,1;2,2时,应该一点都不觉得未经授权,禁止复制转载。原创内容,盗版必究。奇怪。在第一次执行next(1)的时候,本文版权归作者所有,未经授权不得转载。【作者:唐霜】两个observer同时被执行。

【本文首发于唐霜的博客】【转载请注明来源】