rx(rxjs)是来自事件运算符多播吗?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了rx(rxjs)是来自事件运算符多播吗?相关的知识,希望对你有一定的参考价值。

热/冷/多播可能令人困惑。我想我现在正在考虑它,但我想确认我理解得当。

Looking at the source for rxjs's implementation for fromEvent,构造函数调用.publish().refCount()。这是否意味着我使用fromEvent设置的事件监听器,例如fromEvent(document, 'click')只有在有订阅者的情况下才会添加到文档中,一旦删除所有订阅者,事件监听器也会被删除?我担心性能,并希望将单个源流多播到所有订阅者。我相信我理解正确,但如果我没有得到它,我会很乐意澄清一下。看起来这应该是默认情况。

谢谢!

答案

这是一个我从未想过要测试的有趣问题!

说到测试,RxJS的测试显示,只有在订阅时添加了一个监听器,并且在没有订阅的情况下删除了监听器:http://reactivex.io/rxjs/test-file/spec-js/observables/fromEvent-spec.js.html#lineNumber48

浏览器中的快速测试证实了这一点。在开放开发工具的情况下玩这个片段:

const subs = []

const panel$ = Rx.Observable
  .fromEvent(document.getElementById('target'), 'click')

function add() {
  subs.push(panel$.subscribe(() => console.log('click')))
  console.log('subscribe')
}

function clearEm() {
  subs.forEach(s => s.unsubscribe())
  console.log('unsubscribe')
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/5.5.6/Rx.min.js">
</script>

<button id="target">Target</button>
<br/><br/>
<button onclick="add()">Add</button>
<button onclick="clearEm()">Clear</button>

以上是关于rx(rxjs)是来自事件运算符多播吗?的主要内容,如果未能解决你的问题,请参考以下文章

基于DDS的通信需要多播吗?

响应式编程实战——新版RxJS实现真正双击事件流

Angular18 RXJS

rxjs简单入门

Rxjs: 单播和多播

RxJS的另外四种实现方式(序)