本文讲解如何在 Rock-Paper-Scissors 游戏中，让每轮 playRound() 都使用新生成的用户输入和随机电脑选择，避免因变量提前定义导致重复使用旧值的问题。核心在于将 prompt 和 getComputerChoice() 调用移入循环体内，确保每次迭代独立采集数据。
本文讲解如何在 rock-paper-scissors 游戏中，让每轮 `playround()` 都使用**新生成的用户输入和随机电脑选择**，避免因变量提前定义导致重复使用旧值的问题。核心在于将 `prompt` 和 `getcomputerchoice()` 调用移入循环体内，确保每次迭代独立采集数据。
在你当前的实现中，user 和 computer 变量在函数外部一次性声明并赋值，因此整个 game() 执行过程中它们的值始终不变——这正是“只运行一次”的根本原因。要实现“每轮重新输入、重新随机”，必须将用户交互与电脑逻辑封装进循环内部，而非置于全局作用域。
以下是重构后的完整、可运行的解决方案（已修复逻辑缺陷与边界问题）：
const choices = ['rock', 'paper', 'scissors'];
function getComputerChoice() {
const randomIndex = Math.floor(Math.random() * choices.length);
return choices[randomIndex];
}
function playRound(playerSelection, computerSelection) {
// 规范化输入：忽略大小写和空格
const p = playerSelection?.trim().toLowerCase();
const c = computerSelection;
// 输入校验
if (!choices.includes(p)) {
return 'Invalid input! Please enter "rock", "paper", or "scissors".';
}
// 判定逻辑（精简版，避免冗余 if）
if (p === c) return "It's a tie!";
const winConditions = {
rock: 'scissors',
paper: 'rock',
scissors: 'paper'
};
if (winConditions[p] === c) {
return `You Win! ${p.charAt(0).toUpperCase() + p.slice(1)} beats ${c}.`;
} else {
return `You Lose! ${c.charAt(0).toUpperCase() + c.slice(1)} beats ${p}.`;
}
}
function game() {
let playerScore = 0;
let compScore = 0;
const WINNING_SCORE = 3;
console.log("? Best of 3 Rock-Paper-Scissors Game Started!");
// 主游戏循环：每轮都重新获取输入
while (playerScore < WINNING_SCORE && compScore < WINNING_SCORE) {
// ✅ 每轮动态获取用户输入 & 电脑选择
const user = prompt('Your selection (rock/paper/scissors):');
const computer = getComputerChoice();
// 执行单轮比对
const result = playRound(user, computer);
console.log(`→ You: ${user?.toLowerCase() || 'invalid'} | Computer: ${computer} → ${result}`);
// 更新分数（仅对有效回合）
if (result.includes('Win')) {
playerScore++;
} else if (result.includes('Lose')) {
compScore++;
} else if (result.includes('tie')) {
console.log(`→ Score unchanged. Current: Player ${playerScore} – ${compScore} Computer`);
continue; // 跳过计分，不增加轮次
} else {
console.log(`→ Invalid input ignored. Try again.`);
continue;
}
console.log(`? Score: Player ${playerScore} – ${compScore} Computer\n`);
}
// 游戏结束判定
if (playerScore === WINNING_SCORE) {
console.log("? Congratulations! You won the match!");
} else {
console.log("? The computer wins this match. Better luck next time!");
}
}
// 启动游戏
game();✅ 关键改进说明：
-
prompt()和getComputerChoice()移入while循环内 → 确保每轮都是全新数据； -
输入标准化与校验 → 使用
.trim().toLowerCase()处理空格/大小写，防止'Rock'或' paper '匹配失败； -
精简胜负逻辑 → 用对象映射替代多层嵌套
if，提升可读性与可维护性； -
健壮的循环终止条件 → 原代码
while (playerScore 会导致无限循环（只要一方未达 4 分就继续），已修正为 <code>&&； - 无效输入友好处理 → 不中断流程，提示后自动进入下一轮；
- 清晰的控制台反馈 → 实时显示双方选择、结果与比分，便于调试与体验。
⚠️ 注意事项：
- 浏览器中
prompt()在部分现代环境（如 HTTPS 页面）可能受限或被禁用，生产环境建议改用 HTML 表单； -
console.log()仅用于开发调试，真实项目中应分离 UI 渲染逻辑； - 若需支持多次重玩，可将
game()封装为可重复调用的函数，并添加“Play Again?”确认逻辑。
通过将数据采集行为与业务逻辑解耦并置于循环作用域内，你就能真正实现“每轮独立、动态交互”的游戏体验——这也是函数式设计与作用域管理的最佳实践之一。
