每个订户的RxJS Observable.fromEvent链触发

Question

我已经为键盘驱动的界面提供了关键服务，而且我发现它似乎可以为每个用户执行完整的链接：

this.documentKeyEvent = Observable.fromEvent(document, 'keydown')
  .do((e: KeyboardEvent) => console.log(e.keyCode || e.which))
  .filter((e: KeyboardEvent) => !isKeyModified(e) && !!Keys[remap(e.keyCode || e.which)])
  .do((e: KeyboardEvent) => e.preventDefault())
  .throttle(() => Observable.timer(100))
  .map((e: KeyboardEvent) => remap(e.keyCode || e.which));

第一个.do()的console.log执行三次，因为有三个订阅者。 这不一定是问题，但是随着更多组件订阅它，效率似乎会变得非常低下。

有没有一种方法可以在每个事件中只执行一次该链，然后将这些结果推送给所有订阅者，然后随心所欲地做什么？

谢谢

Answer 1

是的，您可以使用share作为最后一个运算符：

this.documentKeyEvent = Observable.fromEvent(document, 'keydown')
  .do((e: KeyboardEvent) => console.log(e.keyCode || e.which))
  .filter((e: KeyboardEvent) => !isKeyModified(e) && !!Keys[remap(e.keyCode || e.which)])
  .do((e: KeyboardEvent) => e.preventDefault())
  .throttle(() => Observable.timer(100))
  .map((e: KeyboardEvent) => remap(e.keyCode || e.which))
  .share();

这实际上将在所有订户之间共享流。

注意： share是publish().refCount()的别名-有关详细信息，请参阅文档： publish