rx（rxjs）是来自事件运算符多播吗？

Question

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

，构造函数调用fromEvent。这是否意味着我使用fromEvent(document, 'click')设置的事件监听器（例如 it('should access a story', function() { cy.server(); cy.route('http://localhost:3002/graphql', { data: { Story: { id: 2, title: 'story title', content: 'story content' } } }); cy.visit('/stories/2'); }); ）只会在有订阅者的情况下添加到文档中，一旦删除所有订阅者，事件监听器也会被删除？我担心性能，并希望将单个源流多播到所有订阅者。我相信我理解正确，但如果我没有得到它，我会很乐意澄清一下。似乎应该是默认情况。

谢谢！

Answer 1

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

说到测试，RxJS的测试表明，只有在订阅时添加了一个监听器，并且在没有订阅时才删除它： http://reactivex.io/rxjs/test-file/spec-js/observables/fromEvent-spec.js.html#lineNumber48

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

＆＃13;

＆＃13;

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')
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

这是调试器显示的内容，当您右键单击目标按钮并查看其附加事件侦听器列表时。您可能需要点击调试器的刷新按钮才能看到最新列表。