如何在JavaScript/JQuery中实现函数等待用户手动布尔响应？

嘿，这个需求用现代JavaScript的async/await配合Promise就能完美解决，完全不用复杂的回调嵌套，代码清晰又易维护。我日常处理这类需要用户交互的异步逻辑时，这是首选方案。

核心思路 #

用户输入是异步操作（程序得等用户手动输入后才能继续），所以不能用同步逻辑阻塞线程。我们可以把用户确认的过程包装成一个Promise，然后用async/await语法让代码看起来像同步执行一样，可读性拉满。

原生JavaScript实现（最简洁） #

先写一个专门获取用户确认的函数，它返回一个Promise，直到用户输入后才会resolve结果：

function getUserConfirmation(message) {
  return new Promise((resolve) => {
    // 用原生prompt弹窗获取用户输入，你可以自定义提示文本
    const userInput = prompt(message);
    // 自定义判断逻辑：这里认为输入"是"/"Y"/"y"都代表确认
    const isConfirmed = userInput === "是" || userInput?.toLowerCase() === "y";
    resolve(isConfirmed);
  });
}

然后写你的主函数，用async标记，这样就能用await等待用户的确认结果：

async function handleMainLogic() {
  console.log("开始执行主逻辑...");
  
  // 等待用户输入确认，这一步会暂停函数执行，直到用户做出选择
  const userConfirmed = await getUserConfirmation("你确认要继续操作吗？(请输入 是/否)");
  
  // 用户输入完成后，继续执行if逻辑
  if (userConfirmed) {
    console.log("用户已确认，执行后续操作");
    // 这里放你需要执行的业务代码
  } else {
    console.log("用户取消操作，终止流程");
  }
}

// 调用主函数启动流程
handleMainLogic();

jQuery弹窗版本（如果需要更美观的UI） #

如果你想用jQuery的模态弹窗替代原生prompt，只需要修改getUserConfirmation函数即可，主逻辑完全不变：

function getUserConfirmationWithJQuery(message) {
  return new Promise((resolve) => {
    // 创建一个模态弹窗
    $("<div>").text(message).dialog({
      modal: true,
      title: "确认操作",
      buttons: {
        "确认": function() {
          $(this).dialog("close");
          resolve(true);
        },
        "取消": function() {
          $(this).dialog("close");
          resolve(false);
        }
      },
      // 用户关闭弹窗时默认视为取消
      close: function() {
        resolve(false);
      }
    });
  });
}

// 主函数还是用async/await，完全不用改
async function handleMainLogic() {
  const userConfirmed = await getUserConfirmationWithJQuery("是否继续执行？");
  
  if (userConfirmed) {
    // 执行确认后的逻辑
  } else {
    // 执行取消后的逻辑
  }
}

为什么这是最优解？ #

• 可读性强：async/await让异步代码看起来和同步代码一样，比传统的回调函数或者jQuery旧版的Deferred要直观得多。
• 扩展性好：如果以后要替换弹窗组件（比如换成Element UI的弹窗），只需要修改getUserConfirmation函数，主逻辑完全不用动。
• 符合现代JS规范：这是ES2017之后的标准语法，所有现代浏览器和Node.js都支持。

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