从 socket.io 中删除特定的类方法监听器

Question

我在一个类中使用 socket.io-client，所以我这样做：

constructor() {
   socket.on("a", this.a.bind(this));
   socket.off("a", this.a.bind(this));
}

但是当我构造时（on 和off 都触发），套接字仍然监听“a”。

我测试这个的方法是在a方法上输入console.log，输入，当收到“a”时，控制台记录事件。

我也试过socket.removeListener，但没用。

也许是因为它是一个类方法？我该如何解决这个问题？

Answer 1

this.a.bind(this) 每次都会返回一个唯一的函数，因此当您尝试使用 .off() 并再次调用 .bind() 时，您会得到一个不同的函数，因此它与原始函数不匹配，因此 .off() 不会'找不到要删除的任何匹配函数。

您必须将原始绑定函数保存在某处。您没有显示足够多的代码上下文，无法知道保存原始 .bind() 结果的好地方。

从概念上讲，你想做这样的事情：

// save this somewhere that is per-instance and that both methods can access
// perhaps as an instance variable from the constructor
this.boundA = this.a.bind(this);

ngOnInit() {
   socket.on("a", this.boundA);
}
ngOnDestroy() {
   socket.off("a", this.boundA);
}

问题演示：

class Foo {
  constructor() {
    console.log(this.a.bind(this) === this.a.bind(this))
  }
  a() {
   
  }
}

let f = new Foo();