JavaScript新手求助：使用prompt为何导致计算结果异常？

兄弟，我一眼就瞅出问题所在了！你碰到的是JavaScript里字符串与数字隐式类型转换的经典坑。

问题根源 #

prompt()函数返回的结果是字符串类型，不是你以为的数字类型。你手动赋值时用的是数字（比如heightJohn = 10），所以计算逻辑正常；但用prompt获取输入时，哪怕你输入的是数字，它也会被当成字符串存储。

举个例子，当你输入heightJohn=10、ageJohn=1时：

• 先计算5 * ageJohn：乘法运算符会自动把字符串"1"转换成数字1，结果是5
• 再计算heightJohn + 5：这里heightJohn是字符串"10"，加号遇到字符串会触发字符串拼接，而不是数字加法，所以"10" + 5就变成了"105"——这就是你看到异常数值的原因！

解决方案：把输入转换为数字类型 #

你只需要把prompt的返回值转换成数字就行，有两种常用写法：

1. 使用Number()函数显式转换：

let heightJohn = Number(prompt("What is Johns height?"));
let ageJohn = Number(prompt("What is Johns age?"));
// 其他玩家的变量同理处理

2. 使用一元加号+做隐式转换（更简洁）：

let heightJohn = +prompt("What is Johns height?");
let ageJohn = +prompt("What is Johns age?");
// 其他玩家的变量同理处理

额外修复：平局判断的逻辑错误 #

你的代码里还有一个小bug：最后那个平局判断totalJohn === totalBob === totalMichael是无效的。JavaScript会从左到右依次判断，先算totalJohn === totalBob得到布尔值（true/false），再拿这个布尔值和totalMichael比较，永远不会成立。

正确的写法应该是：

else if(totalJohn === totalBob && totalBob === totalMichael) {
    console.log("Its a draw with the score of " + totalMichael)
}

修正后的完整代码 #

// 将输入转换为数字类型
let heightJohn = +prompt("What is Johns height?");
let ageJohn = +prompt("What is Johns age?");
let heightBob = +prompt("What is Bobs height?");
let ageBob = +prompt("What is Bobs age?");
let heightMichael = +prompt("What is Michaels height?");
let ageMichael = +prompt("What is Michaels age?");

// 计算总分（现在都是纯数字运算）
let totalJohn = heightJohn + 5 * ageJohn;
let totalBob = heightBob + 5 * ageBob;
let totalMichael = heightMichael + 5 * ageMichael;

console.log(ageJohn);
console.log(heightJohn);
console.log(totalJohn);
console.log(totalBob);
console.log(totalMichael);

// 修正后的胜负判断逻辑
if(totalJohn > totalBob && totalJohn > totalMichael) {
    console.log("John is a winner with the score of " + totalJohn)
} else if(totalBob > totalJohn && totalBob > totalMichael) {
    console.log("Bob is a winner with the score of " + totalBob)
} else if(totalMichael > totalJohn && totalMichael > totalBob) {
    console.log("Michael is a winner with the score of " + totalMichael)
} else if(totalJohn === totalBob && totalBob === totalMichael) {
    console.log("Its a draw with the score of " + totalMichael)
} else {
    console.log("There's a tie between some players or invalid input!");
}

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