Socket.on(event)无法返回接收值问题求助

问题核心 #

你的代码存在两个关键问题：

1. 事件回调语法错误：socket.on('Sent_data_to_client',(player_info))的写法不正确，你误将未定义的player_info当作回调函数传入，这直接导致了ReferenceError。正确的做法是传入一个回调函数，player_info作为该函数的参数使用。
2. 异步逻辑认知偏差：Socket.IO的事件触发是异步行为，receive_data函数会在服务器返回数据前就执行完后续代码，同步函数无法直接返回异步获取的数据，必须借助异步方案处理。

修正方案 #

第一步：修复事件回调写法 #

先修正事件绑定的错误，确保能正常接收服务器返回的数据：

function receive_data() {
    // 移除旧监听，再绑定新回调
    socket.off('Sent_data_to_client').on('Sent_data_to_client', (player_info) => {
        console.log(player_info); // 这里可以正常打印数据
    });
}

第二步：实现异步返回数据 #

要将player_info作为函数返回值，需要用Promise封装整个逻辑，外部通过await或.then()获取结果：

function receive_data() {
    return new Promise((resolve) => {
        socket.off('Sent_data_to_client').on('Sent_data_to_client', (player_info) => {
            resolve(player_info); // 拿到数据后结束Promise并返回结果
        });
    });
}

// 调用方式1：在async函数中使用await
async function fetchPlayerInfo() {
    const playerData = await receive_data();
    console.log(playerData); // 这里能获取到返回的数据
}

// 调用方式2：使用.then()链式调用
receive_data().then(playerData => {
    console.log(playerData);
});

补充说明 #

• 每次调用时用socket.off移除旧监听是正确的，这样可以避免同一个事件被多次绑定，导致后续重复触发回调。
• JavaScript中异步操作的数据无法通过同步函数直接返回，Promise是处理这类异步场景的标准方式，也是Socket.IO这类实时通信库常用的解决方案。

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