ES6类事件发射器

Question

有人可以指出我一个体面的EventEmitter（ES6），以在不同类之间全局使用发射事件吗？ 最好有例子吗？ 我发现了很多，但是没有找到类之间的有效示例。

我会喜欢一个可以用作Singleton的人，所以不必扩展它。

例如（非真实代码）：

import emitter from 'SingleTonEmitter';
export class Listener(){
const myEmitter = new Emitter()
myEmitter.on('somethingHappened', (data) => this.onChange())
}

// NEW sepatate class
import emitter from 'SingleTonEmitter';
export class DispatchClass(){
const myEmitter = new Emitter()
myEmitter.dispatch('somethingHappened','optionalData')
}

提前致谢！

Answer 1

RxJS主题可以充当通用事件发射器。 JS模块自然会处理Singleton模式，因为它们仅被评估一次，因此并不特定于事件发射器类的实现。

这是在RxJS 6中完成的过程：

import { Subject } from 'rxjs';
import { filter } from 'rxjs/operators';

export const filterEvent = event => filter(e => e.event === event);

export default new Subject();

---

import emitter, { filterEvent } from './emitter';

emitter
.pipe(filterEvent('foo'))
// or
// .pipe(filter(({ event }) => event === 'foo')))
.subscribe(e => {
  console.log(e.data)
});

emitter.next({ event: 'foo', data: {...} });

RxJS Subject用于Angular EventEmitter实现 。

有几门学科都有自己的特色，在某些情况下可能是首选。

如有必要，可以扩展Subject类以为pipe(filter(...))例程提供语法糖。