Node.js：如何正确移除bind绑定的事件监听处理函数

JavaScript 中Function.prototype.bind的实现特性是：每次调用都会返回一个全新的函数实例，哪怕绑定的上下文、预设参数完全一致，两次生成的函数内存引用也完全不同。
当前代码的失效点很明确：

• 绑定监听时，传给client.on()的是this.handleData.bind(this, client)生成的全新函数，这个引用被存入Client的事件监听队列
• 解绑时，传给client.off()的是原始的this.handleData方法，和之前注册到队列里的bind生成的函数根本不是同一个引用，自然无法匹配到对应监听完成移除。

方案1：按Client维度缓存绑定后的函数引用（改动最小，兼容性最高） #

在Room类内部维护一个Map结构，专门缓存每个Client对应的已完成绑定的事件处理函数，绑定的时候存引用，解绑的时候直接取出同一个引用传给off方法。
示例代码：

class Room {
  constructor() {
    // 缓存结构：key为Client实例，value为对应Client绑定的所有事件处理函数
    this.clientHandlers = new Map();
  }

  attachClientHandlers(client) {
    // 生成绑定了当前Room上下文、预设了client参数的处理函数
    const boundDataHandler = this.handleData.bind(this, client);
    // 将绑定后的函数存入缓存
    this.clientHandlers.set(client, {
      data: boundDataHandler
    });
    client.on('data', boundDataHandler);
  }

  detachClientHandlers(client) {
    const handlers = this.clientHandlers.get(client);
    // 没有缓存记录直接跳过，避免报错
    if (!handlers) return;
    // 取缓存里和注册时完全一致的函数引用进行解绑
    client.off('data', handlers.data);
    // 清理缓存，避免内存泄漏
    this.clientHandlers.delete(client);
  }

  handleData(client, data) {
    // 原有业务逻辑保持不变
  }
}

这个方案不需要改动现有handleData的入参和逻辑，只增加一层缓存映射，完全匹配当前的代码结构，不会引入额外的上下文兼容问题。

方案2：在Client实例上挂载处理函数引用，省去自定义缓存 #

如果不想让Room类维护额外的Map结构，可以在绑定监听时直接把处理函数挂载到Client实例上，后续解绑时直接从Client上取同一个引用即可，这种方式也可以完全替代bind的参数预设能力。
示例代码：

class Room {
  attachClientHandlers(client) {
    // 定义闭包持有client引用的处理函数
    client.__roomDataHandler = (data) => {
      this.handleData(client, data);
    };
    client.on('data', client.__roomDataHandler);
  }

  detachClientHandlers(client) {
    if (client.__roomDataHandler) {
      client.off('data', client.__roomDataHandler);
      // 解绑完成后清理临时挂载的属性，避免字段冲突
      delete client.__roomDataHandler;
    }
  }

  handleData(client, data) {
    // 原有业务逻辑保持不变
  }
}

这个方案适合Client实例生命周期和Room绑定的场景，挂载属性时加双下划线前缀，可以避免和Client本身的业务字段重名。

注意：不要为了图省事直接调用client.off('data')不传处理函数参数，这种写法会移除该事件下所有注册的监听，包括其他业务模块添加的监听，很容易引发不可预期的逻辑bug。

内容的提问来源于stack exchange，提问作者allthewayaround