问 socket.on事件多次被触发

EN

问题是由您的客户端代码引起的。每次在客户端调用 reply() 函数时，都会设置一个额外的 socket.on('Ans', ...) 事件处理程序，这意味着它们会累积。您可以将其更改为 socket.once() ，每次得到 Ans 消息后，它都会自行删除。然后，还可以删除 flag 变量。

function reply() {
  socket.emit('Quest' , Quest);
  audio.play();
  // change this to .once()
  socket.once('Ans', function(replyFromBot) {
    console.log("hi");
    var para = document.createElement("p2");
    x = document.getElementById("MiddleBox");
    para.appendChild(document.createTextNode(replyFromBot));
    x.appendChild(para);
    x.scrollTop = x.scrollHeight;
}

Socket.io并不是真正作为请求/响应系统构建的，这正是您试图将其用作的。实现这一点的一个更好的方法是使用 capability that socket.io has ，这样您就可以直接响应您发送的 Quest 消息。

您还需要修复服务器上的共享变量 replyFromBot 和 listen ，因为一旦有多个用户使用您的服务器，这些都是等待发生的并发问题。

更好解决方案

更好的解决方案是使用 ack 功能，socket.io必须直接响应您发送的消息。要做到这一点，您可以将服务器更改为：

function newConnection(socket) {
    console.log(socket.id);
    socket.on('Quest', function(data, fn) {
      let replyFromBot = bot.reply("local-user", data);
      console.log(socket.id+ " "+replyFromBot);
      // send ack response
      fn(replyFromBot);
}

然后，将客户端代码更改为：

function reply() {
    audio.play();
    socket.emit('Quest', Quest, function(replyFromBot) {
        console.log("hi");
        var para = document.createElement("p2");