Socket.io中socket.emit发送对象属性丢失问题咨询

从你的描述来看，你在通过Socket.io发送包含多个属性的对象时，出现了部分属性丢失的情况，甚至修改属性名后问题更严重。结合你的代码和场景，我整理了几个最可能的原因和排查方向：

1. 服务器端事件转发时的数据过滤（最可能的原因） #

注意到你客户端发送的事件是 mouseMoved，但接收方监听的是 moveMouse——这意味着中间肯定有服务器端的转发逻辑。如果服务器在接收 mouseMoved 事件后，只提取了部分属性再发送 moveMouse，就会直接导致其他属性丢失。

比如服务器端可能存在类似这样的代码：

socket.on('mouseMoved', (data) => {
  // 只保留了指定属性，过滤掉了h、em、xp
  const filteredData = {
    username: data.username,
    key: data.key,
    height: data.height,
    width: data.width,
    y: data.y
  };
  io.emit('moveMouse', filteredData);
});

优先检查服务器端处理 mouseMoved 事件的代码，确认是否对原始数据做了过滤操作。

2. 不可序列化的属性值导致截断 #

Socket.io 默认使用 JSON 序列化发送的数据，如果你的 em() 函数返回的是不可JSON序列化的值（比如函数、Symbol、带有循环引用的对象、undefined），JSON.stringify 会直接忽略这些属性，甚至在某些极端情况下可能影响整个序列化流程，导致后续属性也丢失。

你可以在客户端发送前做个快速测试：

obj = { username: username, key: key, height: window.innerHeight, width: window.innerWidth, xp: it.clientX, y: it.clientY, h: 4444, em: em() };
console.log('原始对象:', obj);
console.log('序列化后:', JSON.stringify(obj));

如果序列化后的结果里没有 h 和 em，那就是 em() 的返回值有问题，需要确保它返回的是字符串、数字、普通对象/数组这类可序列化的值。

3. Socket.io 解析器或中间件的干扰 #

• 自定义解析器：如果你的项目使用了非默认的解析器（比如 msgpack），可能对某些数据类型支持不佳，导致属性丢失。可以尝试切换回默认的 JSON 解析器：

  // 客户端
  const socket = io({ parser: require('socket.io-parser') });
  // 服务器端
  const io = require('socket.io')(server, { parser: require('socket.io-parser') });
  

• 中间件拦截：客户端或服务器端如果添加了 Socket.io 中间件（socket.use()），可能在处理数据包时修改或过滤了属性。检查是否有类似这样的中间件，确认它没有对 mouseMoved 事件的数据做截断处理。

4. 属性值的异常类型 #

虽然 h:4444 和 xp:it.clientX 看起来是正常的数字，但如果 it.clientX 是 undefined、NaN 或者其他特殊值，也可能在序列化或传输过程中被处理掉。可以在发送前打印 it.clientX 的值，确认它是有效的数字。

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