JavaScript嵌套while循环返回上层时变量丢失、死循环问题求解

原有问题代码 #

第一段初始化代码：

var userName = input.question('Please enter your name: ');
console.log('\nHi ' + userName + ', please select your choice:');
var choice = input.question('1. Display Name 2. Display Age');

第二段菜单逻辑代码：

while (choice == 1 {
 console.log ("Hello");
 var choice = input.questionFloat('\1. Display Name 2. Display Age');
}
while (choice == 2 {
 console.log ("Hello");
  var subChoice = input.question('1. Display date 2. Display time');
  while (subChoice == 1) {
             console.log ("Hello");
  }
  while (subChoice == 2) {
             console.log('\nHi ' + userName + ', please select your choice:');
             var choice = input.questionFloat('\1. Display Name 2. Display Age');
  }
}

问题根因 #

两处异常的核心诱因是循环结构设计错误+基础语法疏漏，具体对应：

• 死循环问题：代码没有设置持续运行的外层主循环，主菜单的两个while是顺序执行的一次性判断，执行过一次就不会再回头校验；子菜单的while (subChoice == 2)分支中，仅更新了choice变量的值，从未修改subChoice的值，也没有设置循环跳出逻辑，一旦进入该分支就会永远满足循环条件，卡住重复打印提示，根本不会执行主菜单其他选项的判断逻辑，看起来就像选项1无响应。
• userName"丢失"问题：一是原代码错误使用八进制转义符\1作为菜单前缀，打印时会产生乱码，看起来像内容缺失；二是死循环状态下代码逻辑完全卡在子循环内，没有按预期执行完整的菜单渲染逻辑，造成变量失效的错觉——实际上userName是最外层声明的函数作用域变量，本身不会凭空丢失。

除此之外原代码还存在基础语法错误：所有while的条件判断都缺失右括号，同时混用question（返回字符串）和questionFloat（返回浮点数）做输入，类型不统一很容易触发判断失效。

修复后可运行代码 #

// 用户名仅在外层声明一次，全程有效
var userName = input.question('Please enter your name: ');
var choice;

// 外层主循环，持续响应主菜单操作
while (true) {
  console.log('\nHi ' + userName + ', please select your choice:');
  console.log('1. Display Name');
  console.log('2. Open sub menu (date/time)');
  console.log('0. Exit');
  // 统一将输入转为整数，避免类型不匹配导致判断失效
  choice = parseInt(input.question('Enter your option: '));

  if (choice === 1) {
    console.log('Your name is: ' + userName);
  } else if (choice === 2) {
    var subChoice;
    // 内层子菜单循环
    while (true) {
      console.log('\nSub menu options:');
      console.log('1. Display date');
      console.log('2. Display time');
      console.log('0. Return to main menu');
      subChoice = parseInt(input.question('Enter your option: '));

      if (subChoice === 1) {
        console.log('Current date: ' + new Date().toLocaleDateString());
      } else if (subChoice === 2) {
        console.log('Current time: ' + new Date().toLocaleTimeString());
      } else if (subChoice === 0) {
        // 跳出子循环，自动回到主菜单逻辑
        console.log('Returning to main menu...');
        break;
      } else {
        console.log('Invalid input, please try again.');
      }
    }
  } else if (choice === 0) {
    console.log('Program exited.');
    break;
  } else {
    console.log('Invalid input, please try again.');
  }
}

关键修复点 #

• 重构循环结构：采用「外层主循环+内层子循环+break跳出」的标准菜单实现结构，选择返回主菜单时直接跳出内层循环，自然回到主菜单流程，彻底解决死循环问题。
• 规范变量声明：所有变量仅在对应作用域声明一次，去掉子分支内重复的var声明，userName始终在外层作用域存储，全程可正常访问。
• 统一输入逻辑：所有菜单输入统一转为整数后做全等判断，移除混用的questionFloat方法，避免隐式类型转换导致的判断异常。
• 修正语法错误：补全所有循环的缺失括号，把错误的八进制转义\1替换为正确的换行符\n，菜单提示可正常渲染，不会出现乱码。
• 增加异常输入兼容：对非选项值的输入做错误提示，避免程序运行异常。

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