setTimeout 冲过 switch 语句

Question

所以我有以下代码：

let eventSequence = ['EVENT1', 'EVENT2', 'EVENT3'];

const simulateGame = () => {
   let timer;
   if(!gameStarted) {
      clearTimeout(timer);
      return;
   }
   
   if(eventSequence.length > 0) {
      trackEvents(eventSequence[0]);
      eventSequence.shift();
   } else {
     console.log('The End')
     dispatch(endGame);
   }

  timer = setTimeout(simulateGame, 3000);
}

const trackEvents = (eventCode) => {
   switch (eventCode) {
    case 'EVENT1':
     dispatch(EVENT1(payload));
     break;
    case 'EVENT2':
     dispatch(EVENT2(payload));
     break;
    case 'EVENT3':
     dispatch(EVENT3(payload));
     break;
    default:
     return;
   }
}

useEffect(() => {
   simulateGame();
}, [gameStarted, simulateGame]);

如果我在没有 trackEvents 函数的情况下运行simulateGame，并将其替换为 console.log，则它的行为符合预期，每 3 秒将索引 0 处的事件记录到控制台，然后从数组中删除，直到没有剩余事件。然而，当我放入 trackEvents 函数时，它会快速执行相同的过程，而不考虑 setTimeout 的延迟。对于实现类似事件循环的任何澄清或任何更好的建议，我们将不胜感激。干杯!