嵌套while循环在if/else中触发无限循环，请求问题排查与修复

需求回顾 #

检查用户输入是否为数字：

• 若输入非数字，最多允许3次重试，次数用尽时提醒用户并返回undefined
• 若输入数字，返回整数类型的该数字

带while循环版本的错误分析 #

function monthlyBudget(count = 3) {
    const SPEND = prompt("How much is your typical spend (in GBP) on books in a month? ");
    
    // check if the input is not a number.
    if (isNaN(SPEND)) {

        while (count > 0) {
            alert("Hmmm... I'm not sure I understood. Please try again.");
            console.log("Spend input is not a number.");

            count--
            console.log(count)
            monthlyBudget(count);
        }

        // if SPEND is not a number and count = 0.
        if (count == 0) {
            alert("Oh no! We are unable to process your request, please try again later.");
            return undefined
        }
    } else {
        return Number(SPEND)
    }
}

核心错误： #

• 递归与while循环混用导致重复执行：在while循环内部调用递归函数monthlyBudget(count)，但递归调用不会终止当前函数的while循环。每一层递归结束后，原函数的while会继续执行剩余的循环次数，导致多次弹出提示，甚至陷入嵌套循环（控制台出现count回到1再降至0的情况）。
• 递归返回值未被处理：即使递归调用成功获取到有效数字，原函数也不会返回这个结果，而是继续执行后续逻辑。
• count作用域混乱：每一层递归的count都是独立的局部变量，修改内层count不会影响外层函数的count，导致重试次数控制完全失效。

最初递归版本的错误分析 #

if (isNaN(SPEND)) {
        alert("Hmmm... I'm not sure I understood. Please try again.");
        console.log("Spend input is not a number.");
        monthlyBudget();
} else {
        return Number(SPEND);
}

核心错误： #

• 递归调用未返回结果：当输入非数字时，调用monthlyBudget()但没有将递归的返回值通过return传递出去。例如：第一次输入字符串触发递归，若第二次输入数字，递归函数会返回该数字，但第一次调用的函数因未返回递归结果，最终会走到函数末尾返回undefined，而非用户正确输入的数字。这就是“无论后续输入什么，函数仅返回第一个字符串输入”的本质原因——实际返回的是undefined，而非有效输入。

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