Server端socket丢失从自定义命名空间初始化的Client端socket存储的数据（typescript，socketio）

在Server端，使用socket.io的命名空间机制，将Client端连接的namespace和socket id建立对应关系，并在Server端存储一个namespace对应的socket id列表，在Client端将需要保留的数据存入localStorage，当Client断开连接后，在Server端利用之前建立的namespace和socket id对应关系，在socket disconnect事件中获取对应的localStorage数据，并在Server端的namespace数据中重新存储。示例如下：

Server端代码：

// 在namespace中的连接和socket id建立对应关系
const socketIdByNamespace = {};
const io = require('socket.io')(server);
const nsp = io.of('/my-namespace');
nsp.on('connection', (socket) => {
  const socketId = socket.id;
  const namespace = socket.nsp.name;
  if (!socketIdByNamespace[namespace]) {
    socketIdByNamespace[namespace] = [];
  }
  socketIdByNamespace[namespace].push(socketId);
  // 在Server端获取Client端存储的localStorage数据
  socket.on('data', (data) => {
    const localStorageData = localStorage.getItem('my-data');
    if (localStorageData) {
      // 存储Client端的数据
      // 以namespace为key，{socket id: data}为value
      const namespaceData = {};
      JSON.parse(localStorageData).forEach((data) => {
        if (data.namespace === namespace) {
          namespaceData[data.socketId] = data.data;
        }
      });
      socket.emit('data', namespaceData);
    }
  });
  // 在socket disconnect事件中重新存储Client端的数据
  socket.on('disconnect', (reason) => {
    const socketIdIndex = socketIdByNamespace[namespace].indexOf(socketId);
    if (socketIdIndex !== -1) {
      socketIdByNamespace[namespace].splice(socketIdIndex, 1);
    }
    const localStorageData = localStorage.getItem('my-data');
    if (localStorageData) {
      const data = JSON.parse(localStorageData)
                      .filter((d) => d.namespace === namespace);
      if (data.length > 0) {
        const namespaceData = {};
        data.forEach((d) => {
          const idIndex = socketIdByNamespace[namespace].indexOf(d.socketId);
          if (idIndex !== -1) {
            namespaceData[d.socketId] = d.data;
          }
        });
        localStorage.setItem('my-data', JSON.stringify(data.concat({
          namespace,
          data: namespaceData,
          timestamp: new Date().getTime(),
        })));
      }
    } else {
      localStorage.setItem('my-data', JSON.stringify([{
        namespace,
        data: {},
        timestamp: new Date().getTime(),
      }]));
    }
  });
});

Client端代码：

// 在Client端存储需要保留的数据到localStorage
const socket = io('/my-namespace');
socket.on('connect', () => {
  const data = { ... };
  const localStorageData = JSON.parse(localStorage.getItem('my-data'))