Socket.io连接请求响应等待问题：connected属性始终判定为false

数据老陈

2026-7-23

Socket.io 连接异步响应处理方案

你的问题核心在于 socket.connect() 是异步操作，不会立即完成连接，所以调用后立刻判断 socket.connected 必然返回 false。另外你监听的事件没触发，大概率是因为你在调用 socket.connect() 之后才注册的监听器，导致事件触发时没有对应的回调执行。

正确的处理方式

1. 提前注册事件监听器

必须在调用 socket.connect() 之前，先注册好 connect、connect_error 等事件的回调，这样事件触发时才能被捕获：

// 先注册所有事件监听
socket.on("connect", () => {
  console.log("Success");
  // 连接成功后的业务逻辑，比如进入多人房间
});

socket.on("connect_error", (error) => {
  showToast(0,"Connection Issue","Failed to connect to server");
  socket.disconnect();
  console.error("连接错误:", error);
});

socket.on("disconnect", () => {
  alert("Disconnected");
});

// 再发起连接
socket.connect();

2. 用Promise封装连接（可选，方便异步流程控制）

如果需要在异步代码中等待连接结果，可以把连接过程封装成Promise：

function connectSocket() {
  return new Promise((resolve, reject) => {
    // 注册一次性事件监听（用once避免重复绑定）
    socket.once("connect", () => {
      resolve("连接成功");
    });

    socket.once("connect_error", (error) => {
      reject(new Error("连接失败"));
    });

    socket.connect();
  });
}

// 使用示例（比如在点击事件中）
async function handleMultiplayerClick() {
  try {
    await connectSocket();
    console.log("Success");
    // 后续业务逻辑
  } catch (err) {
    showToast(0,"Connection Issue","Failed to connect to server");
    socket.disconnect();
  }
}