Question

我在下面的代码中添加了EventEmitter，

上的侦听器

class MyClass {
  init() {
    this.listener = new EventEmitter();
    this.listener.on('eventName', this.onChange.bind(this));
  }
  onChange() {
    ...
  }
}

如何从EventEmitter中删除侦听器？我可以看到两种不同的方式：

this.listener.removeListener('eventName', this.onChange)
this.listener.removeListener('eventName', this.onChange.bind(this))

我想知道应该使用哪一个。我删除它时是否需要bind？

Answer 1

您可以使用bind()，也可以在节点中使用Arrow Function。 Arrow Functions将从调用上下文继承其执行上下文，这与bind()的工作方式类似，并提供相同的功能。

this.listener.removeListener('eventName', this.onChange)

如果在removeListener(eventName)样式函数中调用以下方法，则删除侦听器的上述方法将无效：

const obj = new MyObject()
obj.init()
// This would blow up with a 
// ReferenceError saying you cant call removeListener() on undefined   
obj.listener.removeListener('event')

当您可以使用init() constructor语法时，不确定是否使用class函数。

constructor() {
  this.listener = new EventEmitter()
  this.boundEventNameHandler = () => this.onChange()
  this.listener.on('eventName', this.boundEventNameHandler)
}

您可以使用绑定函数使用this在类的上下文中删除侦听器。

let boundEventNameHandler = this.boundEventNameHandler
this.listener.removeListener('eventName', this.boundEventNameHandler)`

此实施的示例如下所示

const EventEmitter = require('events')

class MyObject {
  constructor () {
    this.listener = new EventEmitter()
    this.boundEventNameHandler = () => this.onChange()
    this.listener.on('eventName', this.boundEventNameHandler)
  }

  // I would reconsider making this a property of the MyObject class 
  // instead, make onChange() a local function outside the MyObject 
  // class definition because onChange in this example is only used by the 
  // event listener for 'eventName' 
  onChange () {
    console.log('event fired change')
  }

  removeListeners () {
    let boundEventNameHandler = this.boundEventNameHandler
    this.listener.removeListener('eventName', boundEventNameHandler)
  }
}

Answer 2

对于TypeScript / ESNext，您可以使用此代码：

class MyClass {
    constructor() {
        this.emitter = new EventEmitter();

        this.emitter.on("event1", this.listener1);
        this.emitter.on("event2", this.listener2);

        this.emitter.removeListener("event1", this.listener1);
        this.emitter.removeListener("event2", this.listener2);

        this.emitter.emit("event1"); // no output
        this.emitter.emit("event2"); // no output
    }

    public listener1 = (e) => {
        console.dir(`listener1`);
    };

    public listener2 = (e) => {
        console.dir(`listener2`);
    };
}

基本上，您可以定义属性并立即为它们分配绑定函数。
这样，您可以在.on和.removeListener中使用相同的函数引用。

如何在nodejs中的EventEmitter上调用remove listener？

2 个答案: