在 JavaScript 中调用 prompt() 后，若需在多个条件判断中使用同一用户输入，必须将返回值赋给变量存储；否则每次调用 play() 都会触发新弹窗，导致逻辑错乱和体验中断。
在 JavaScript 中调用 `prompt()` 后，若需在多个条件判断中使用同一用户输入，必须将返回值赋给变量存储；否则每次调用 `play()` 都会触发新弹窗，导致逻辑错乱和体验中断。
在实现如“石头剪刀布”这类交互式游戏时，一个常见却容易被忽视的陷阱是：多次调用获取用户输入的函数，却未保存其返回值。正如你在 game() 函数中所写的：
if (play() == 'cheese') { ... }
else if (play() == 'soup') { ... }这段代码实际执行了 两次 prompt() —— 第一次判断是否为 'cheese'，第二次（无论前次结果如何）又重新弹出对话框判断是否为 'soup'。这不仅破坏游戏节奏，更直接导致计分失衡：玩家只需输入 3 次 'cheese' 即获胜，而电脑需凑够 6 次 'soup'（因每次失败都重试），违背“单轮一输入、双方案判定”的基本逻辑。
✅ 正确做法是：只调用一次 prompt()，将其结果存入变量，再在所有分支中复用该变量：
Java Maven Common
下载
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
立即学习“Java免费学习笔记（深入）”；
function game() {
let playerScore = 0;
let compScore = 0;
while (playerScore < 3 && compScore < 3) { // ✅ 修正循环条件：应为 AND（任一方达3分即结束）
const userResponse = play(); // ← 关键：一次获取，全程复用
if (userResponse === 'cheese') {
playerScore++;
console.log('Player score:', playerScore);
} else if (userResponse === 'soup') {
compScore++;
console.log('Computer score:', compScore);
} else {
console.log('Invalid input! Please enter "cheese" or "soup".');
// 可选：跳过本轮计分，或使用 continue 维持当前分数继续循环
}
// 胜负判定（建议移至循环末尾，确保每次输入后都检查）
if (playerScore === 3) {
console.log('? Player Wins!');
break;
} else if (compScore === 3) {
console.log('? Computer Wins!');
break;
}
}
}? 关键优化点说明：
-
变量缓存：
const userResponse = play()是核心修复，确保单次输入驱动全部逻辑； -
循环条件修正：原
while (playerScore 会导致无限循环（一方已达3分，另一方仍 &&并目标设为3（与胜负判定一致）； -
输入校验增强：添加
else分支处理非法输入，提升健壮性； -
提前退出：用
break替代return console.log(...)，使逻辑更清晰、便于后续扩展（如添加重玩功能）； -
严格相等：使用
===替代==，避免类型隐式转换引发意外匹配。
? 进阶提示：若未来需支持大小写不敏感、空格容错或重试机制，可将输入处理封装进 play()，例如：
function play() {
let input;
do {
input = prompt("Say 'cheese' or 'soup':")?.trim().toLowerCase();
} while (input !== 'cheese' && input !== 'soup');
return input;
}这样既保持主逻辑简洁，又赋予输入层充分的可控性。记住：函数的返回值不会自动持久化——要复用，必先存储。 这一原则适用于 prompt()、异步请求、表单读取等所有需“一次采集、多处消费”的场景。
