rxjs中的单播和多播

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

rxjs的Subject具有多播的特性。【未经授权禁止转载】【未经授权禁止转载】对于单播和多播怎么理解呢?

原创内容,盗版必究。本文作者:唐霜,转载请注明出处。

首先要了解一个概念“冷流和热流”。所谓“【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 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的输出结【作者:唐霜】【版权所有】唐霜 www.tangshuang.net果是可预知的,一定是先输出1,然后输出2未经授权,禁止复制转载。本文版权归作者所有,未经授权不得转载。.

本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net

“热流”是什么呢?就是它的数据变化是不可未经授权,禁止复制转载。未经授权,禁止复制转载。知的,随机的,随意的。例如通过fromE本文版权归作者所有,未经授权不得转载。【原创不易,请尊重版权】vent产生的observable。

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

现在回来说单播和多播。

【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有,未经授权不得转载。未经授权,禁止复制转载。

单播是说,一个observable只能被转载请注明出处:www.tangshuang.net【版权所有】唐霜 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))
observable.subscribe(v => console.log(v))

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

【版权所有,侵权必究】【作者:唐霜】原创内容,盗版必究。

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

转载请注明出处:www.tangshuang.net【版权所有,侵权必究】【作者:唐霜】
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订【未经授权禁止转载】【访问 www.tangshuang.net 获取更多精彩内容】阅时,subject执行一次functi著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.neton subscribe,但是同时通知这未经授权,禁止复制转载。【原创不易,请尊重版权】两个observer。所以,当你得到的结【版权所有】唐霜 www.tangshuang.net未经授权,禁止复制转载。果是:1,1;2,2时,应该一点都不觉得【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】奇怪。在第一次执行next(1)的时候,【本文受版权保护】著作权归作者所有,禁止商业用途转载。两个observer同时被执行。

【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net转载请注明出处:www.tangshuang.net