本文讲解如何在 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 <p>✅ <strong>关键改进说明：</strong> </p>
-
prompt()和getComputerChoice()移入while循环内 → 确保每轮都是全新数据； -
输入标准化与校验 → 使用
.trim().toLowerCase()处理空格/大小写，防止'Rock'或' paper '匹配失败； -
精简胜负逻辑 → 用对象映射替代多层嵌套
if，提升可读性与可维护性； -
健壮的循环终止条件 → 原代码
while (playerScore 会导致无限循环（只要一方未达 4 分就继续），已修正为 <code>&&； - 无效输入友好处理 → 不中断流程，提示后自动进入下一轮；
- 清晰的控制台反馈 → 实时显示双方选择、结果与比分，便于调试与体验。
⚠️ 注意事项：
- 浏览器中
prompt()在部分现代环境（如 HTTPS 页面）可能受限或被禁用，生产环境建议改用 HTML 表单； -
console.log()仅用于开发调试，真实项目中应分离 UI 渲染逻辑； - 若需支持多次重玩，可将
game()封装为可重复调用的函数，并添加“Play Again?”确认逻辑。
通过将数据采集行为与业务逻辑解耦并置于循环作用域内，你就能真正实现“每轮独立、动态交互”的游戏体验——这也是函数式设计与作用域管理的最佳实践之一。
