JavaScript循环弹出prompt输入正确值仍不退出问题排查

故障原因 #

• 重复使用var声明同名变量引发的兼容性问题
  var关键字存在变量提升特性，允许同一作用域内重复声明变量。你已经在全局作用域声明了pass，又在else分支内重复用var pass声明赋值，部分老旧JS引擎对这种块内重复var声明的处理存在缺陷，会导致新输入的赋值没有正确覆盖原有变量值，即使输入正确的abc也无法触发break逻辑，陷入死循环。
• 缺少边界场景容错
  当用户点击prompt的「取消」按钮或直接关闭输入框时，prompt会返回null，原代码没有对该场景做判断，会持续弹出输入框，也可能和你遇到的正确输入无法跳出的现象混淆。
• （次要问题）使用==双等判断存在隐式转换风险，部分特殊输入可能出现预期外的匹配结果。

修复后的代码 #

// 使用let声明变量避免变量提升问题，不要重复声明
let pass;
while (true) {
  pass = prompt("Please enter the password to view your recovery code.");
  // 输入正确直接跳出循环
  if (pass === "abc") {
    break;
  }
  // 可选：用户点击取消时终止循环，避免死循环
  if (pass === null) {
    alert("已取消密码输入");
    break;
  }
}
// 仅输入正确时弹出成功提示
if (pass === "abc") {
  alert("correct");
}

额外优化建议 #

• 所有分支逻辑都加上花括号，避免后续添加代码时出现逻辑归属错误
• 可以对用户输入调用trim()方法去除前后空白字符，避免用户误输入空格导致匹配失败
• 密码校验逻辑不要放在前端明文处理，该实现仅用于前端交互练习，真实生产环境密码校验必须放在服务端处理

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