修复TicTacToe游戏中胜负判定滞后于平局的逻辑问题

问题说明 #

当前程序的逻辑缺陷在于：最后一步落子后，无论circle或cross是否已经达成获胜条件，程序都会直接判定平局——因为平局检查的优先级高于胜负检查，导致获胜结果被覆盖。

解决方案 #

核心调整逻辑顺序：先判定胜负，再判定平局。

代码修正示例 #

假设原游戏状态检查函数逻辑如下：

// 原错误逻辑
function checkGameStatus() {
  // 先检查是否平局
  const allCellsFilled = [...cells].every(cell => cell.classList.contains('circle') || cell.classList.contains('cross'));
  if (allCellsFilled) {
    showDrawMessage();
    return;
  }
  // 再检查是否获胜
  if (checkWin()) {
    showWinMessage(currentPlayer);
    return;
  }
  switchPlayer();
}

将判定顺序调换，修正后的代码：

// 修正后的逻辑
function checkGameStatus() {
  // 第一步：优先检查当前玩家是否获胜
  if (checkWin()) {
    showWinMessage(currentPlayer);
    return;
  }
  // 第二步：确认无获胜情况后，再检查是否平局
  const allCellsFilled = [...cells].every(cell => cell.classList.contains('circle') || cell.classList.contains('cross'));
  if (allCellsFilled) {
    showDrawMessage();
    return;
  }
  // 无胜负无平局时，切换玩家继续游戏
  switchPlayer();
}

逻辑说明 #

每次落子完成后，程序会先调用checkWin()验证当前玩家是否达成获胜条件：

• 若获胜，直接触发获胜提示并终止后续判定；
• 若未获胜，再检查所有单元格是否被填满，确认无可用单元格时才判定平局；
• 若两者都不满足，则正常切换玩家，继续游戏流程。

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