socket.io在刷新时没有断开连接吗？

Question

I am brand new to socket.io and trying to create a sort of mmo using it. However I've been running into a few issues. The current one is if someone refreshes it doesn't look like it is disconnecting the previous socket? In my console it shows the user as having connected twice and will create another listening for the same user.

This is what my console looks like after 3 refreshes:

User has joined : a
in getMap fora
user has disconnected
User has joined : a
User has joined : a
in getMap fora
in getMap fora
in getMap fora
in getMap fora
user has disconnected
user has disconnected
User has joined : a
User has joined : a
User has joined : a

client side:

  var socket = io();
setUsername();

function setUsername() {
socket.emit('add user', username);
}

socket.on('startMap', function (data) {
socket.emit('getMap');
});

server side:

io.on('connection', function (socket) {
    var addedUser = false;

    socket.on('add user', function (username) {
            if (addedUser) return;
// we store the username in the socket session for this client
    socket.username = username;
        addedUser = true;
    console.log("User has joined : " + socket.username)
    socket.emit('startMap',{username:socket.username});

});//end add user

socket.on('getMap', function(){
    console.log("in getMap for" + socket.username);
});
  socket.on('disconnect', function(){
  console.log("user has disconnected");
  });
});

After 11 refreshes for same user:

(node:8808) Warning: Possible EventEmitter memory leak detected. 11       disconnect listeners added. Use emitter.setMaxListeners() to increase limit
(node:8808) Warning: Possible EventEmitter memory leak detected. 11 add user listeners added. Use emitter.setMaxListeners() to increase limit
(node:8808) Warning: Possible EventEmitter memory leak detected. 11 getMap listeners added. Use emitter.setMaxListeners() to increase limit
(node:8808) Warning: Possible EventEmitter memory leak detected. 11 updateMap listeners added. Use emitter.setMaxListeners() to increase limit

Answer 1

you have to listen to the disconnect event in the server side and broadcast accordingly

io.on('connection', function (socket) {
    var addedUser = false;

    socket.on('add user', function (username) {
      if (addedUser) return;
    // we store the username in the socket session for this client
      socket.username = username;
          addedUser = true;
      console.log("User has joined : " + socket.username)
      socket.emit('startMap',{username:socket.username});

    });//end add user

    socket.on('getMap', function(){
        console.log("in getMap for" + socket.username);
    });

    socket.on('disconnect' , function(){
        // your action on user disconnect
      socket.broadcast.to(socket.chatroom).emit('user disconnect', name);
    });
});

Answer 2

Check whenever user disconnected. Then do stuff there, remove from map etc.

 let users = new Object(); // Store users io.on('connection', function(socket) { socket.on('disconnect', function() { console.log("User has disconnected: " + users[socket.id]) delete users[socket.id]; // User disconnected, delete from list }); socket.on('add user', function(username) { users[socket.id] = username; // Add user to list console.log("User has joined: " + username); }); });