将Socket实例赋值给类全局变量后调用emit报未定义错误的问题

核心问题分析 #

你遇到的Cannot read properties of undefined (reading 'emit')错误，本质是connection回调函数的this指向错误：

• 在io.on("connection", function(socket) { ... })中使用普通函数时，函数内部的this指向的是io实例，而非WebSocketConfig类的实例。因此你赋值的this.socket_variable并非类的属性，类实例的socket_variable始终为undefined，调用emit自然报错。

此外还有潜在问题：若有多个客户端连接，单个变量socket_variable会被后续连接覆盖，导致仅能给最后一个连接的客户端发消息。

分步解决 #

1. 修正this指向，正确绑定类实例的socket #

将connection的回调改为箭头函数，箭头函数会继承外层作用域的this（即WebSocketConfig类的实例），同时可以把io存入类属性，方便后续全局推送消息：

const { Server } = require("socket.io");

class WebSocketConfig {
  requestParams = null;
  io = null;
  // 多客户端场景下，用数组维护所有连接的socket
  connectedSockets = [];

  constructor(server) {
    this.server = server;
    this.io = new Server(this.server, {
      cors: { origin: "*" },
    });

    // 改用箭头函数，this指向类实例
    this.io.on("connection", (socket) => {
      // 单客户端场景：直接赋值socket
      this.socket_variable = socket;
      // 多客户端场景：将socket存入数组
      this.connectedSockets.push(socket);

      socket.on("disconnect", () => {
        console.log("a user disconnected!");
        // 多客户端场景：断开时移除对应socket
        this.connectedSockets = this.connectedSockets.filter(s => s.id !== socket.id);
      });
    });
  }

  // 单客户端场景：给当前连接的客户端发消息
  emitSummaryChannelData = (channelName, data) => {
    if (this.socket_variable) {
      this.socket_variable.emit(channelName, data);
    } else {
      console.warn("No connected client found");
    }
  };

  // 多客户端场景：给所有连接的客户端发消息（推荐）
  emitToAllClients = (channelName, data) => {
    this.io.emit(channelName, data);
  };
}

exports.WebSocketConfig = WebSocketConfig;

2. 关于你尝试过的方案的说明 #

• io.sockets.emit()没触发：因为之前的io是构造函数内部的局部变量，类方法无法访问。将io存为类属性this.io后，使用this.io.emit()即可正常触发全局推送。
• 改箭头函数无效：你可能仅修改了disconnect的回调，核心是connection的回调不能用普通函数，必须改为箭头函数才能绑定类实例的this。

3. 验证注意事项 #

• 调用emitSummaryChannelData前，需确保已有客户端连接，否则socket_variable仍为undefined，可通过判断避免报错。
• 多客户端场景优先使用this.io.emit()推送全局消息，或从connectedSockets数组中筛选指定客户端发送。

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