Javascript socket.io-socket.on等待承诺

我有一个按钮，可以与服务器进行一些通信，以检查输入的值（通过输入框）是否已经存在。代码如下：

$("#button").click(function () {
    var exists = false;
    var name = $("#name").val();
    socket.emit("check", name);

    socket.on("checkReturn", function (data) {
        exists = data.result;
    });

    if (exists) {
        console.log("exists")
    } else {
        if (name.length > 0) {
            socket.emit("create", name);
        }
    }
});
});

---

问题是，

checkReturn

调用是异步的，因此代码在不等待结果的情况下继续进行。如何确保首先完成

checkReturn

，然后执行其余代码？

除了其他答案外，还可以使用确认，在客户端和服务器之间传递回调。然后您可以使用emit函数的回调：

$("#button").click(function () 
{ var exists = false; 
var name = $("#name").val(); 
socket.emit("check", name);

socket.on("checkReturn", function (data) { 
exists = data.result;
if (exists) { console.log("exists") } else { if (name.length > 0) { socket.emit("create", name); } } });    
});

$("#button").click(function() {
  var exists = false; 
  var name = $("#name").val(); 

  socket.emit('check', name, function (data) { 
    exists = data.result;
    if (exists) console.log("exists");
    else (if (name.length > 0) socket.emit("create", name));
  });
});

function check(name){
  return new Promise(resolve => socket.emit('check', name, data => resolve(data.result)))
}

在服务器端，它将如下所示：

io.sockets.on('connection', function (socket) {
  socket.on('ferret', function(name, fn) {
    // find if "name" exists
    fn({ exists: false });
  });
});

---

@hexa氰化物aswer的替代品可以这样做：

$("#button").click(async function() {
  var exists = false; 
  var name = $("#name").val(); 

  exists = await new Promise(resolve => socket.emit('check', name, data => resolve(data.result)))

  if (exists) console.log("exists");
  else (if (name.length > 0) socket.emit("create", name));
});

套接字emit被包装在promisse中，因此它可以等待回调，并避免嵌套在多个花括号中

不是很优雅，但如果将代码封装在单独的函数中，则可以使代码更易于阅读：

$("#button").click(function() {
  var exists = false; 
  var name = $("#name").val(); 

  socket.emit('check', name, function (data) { 
    exists = data.result;
    if (exists) console.log("exists");
    else (if (name.length > 0) socket.emit("create", name));
  });
});

function check(name){
  return new Promise(resolve => socket.emit('check', name, data => resolve(data.result)))
}

并且这样使用：

$("#button").click(async function() {
  var exists = false; 
  var name = $("#name").val(); 

  exists = await check(name)

  if (exists) console.log("exists");
  else (if (name.length > 0) socket.emit("create", name));
});

---

您可以使用socket.io.wait从socket.io获取同步响应：

---

所以我应该把所有东西都放在插座里。随叫随到？这个解决方案对我来说效果更好。你能用几行话向我解释一下fn（）回调是如何工作的吗？我无法理解它。

fn（）

是一个回调函数。在JavaScript中，您可以将一个函数传递给另一个函数，然后稍后调用它。在本例中，Socket.IO实现了“确认”，您将函数传递给服务器，服务器调用该函数。谢谢，我很感激。您的示例有点奇怪。。。名字不匹配。请参见此处的文档示例：