在 Javascript 中如何防止在 setTimeout 持续时间内调用其他函数？

Question

我正在做一个井字游戏。

我包含了一个 setTimeout 函数，以便在计算机移动之前，它看起来像是在“思考”，然后计算机实际在板上留下标记。

但是，我注意到，当计算机在“思考”时，我可以采取行动，从而破坏了让对手先行动的目的，然后才能做出自己的行动（如果有道理的话）

例子：

（轮到我了）我用圆圈标记一个方框
（计算机转向）计算机“思考”...

• 我在电脑思考的时候移动
• 我的移动在计算机移动之前在板上留下了一个标记，这意味着在 setTimeout 持续时间内仍然会调用一个函数。

我如何防止这种情况？ 这可能吗？

setTimeout(compTurn, 1000)

Answer 1

在玩家轮流时的点击侦听器中，检查是否允许玩家先玩。 当compTurn被安排时切换一个布尔值，并在compTurn完成时compTurn其关闭：

// Start of game:
let playerTurn = true;

// ...

// Make computer take a turn:

playerTurn = false;
setTimeout(compTurn, 1000);
const compTurn = () => {
  // ...
  playerTurn = true;
};

board.addEventListener('click', (e) => {
  if (!playerTurn) return;
});