JS变量引用错误

Question

我正在编写一个简单的原生 js 应用程序似乎可以工作，但是当我在浏览器中逐步调试调试器时，我注意到一些有趣的事情

它说我的 var id 未定义？ 我明白我的意思是我希望在控制台中看到这个，但是在调试器中？

var playerScore = [0,0];
var player = 0;
var score = 0;
var troll = 0;

function rollDice() {
  var dice = 0;
  dice = Math.floor((Math.random() * 6) + 1);
  return dice;
}

function playerTurn() {
  player === 0 ? player = 1 : player = 0;
  // score = 0;
}

function turnScore() {
  rollDice() !== 1 ? score += rollDice() : playerTurn();
  return score;
}

function gameScore() {
  troll = playerScore[player] += turnScore();
  return troll
}

document.getElementById('rollDice').addEventListener('click', function () {
    document.getElementById('round-score-' + player).innerHTML = turnScore();
});
document.getElementById('saveScore').addEventListener('click', function () {
    document.getElementById('score-' + player).innerHTML = gameScore();
});
document.getElementById('newGame').addEventListener('click', function () {
    document.getElementById('score-0').textContent = '0';
    document.getElementById('score-1').textContent = '0';
    document.getElementById('round-score-0').textContent = '0';
    document.getElementById('round-score-1').textContent = '0';
});

有人可以解释发生了什么thx

Answer 1

如果您不调用 rollDice()，那么骰子将不会声明和初始化。 如果你调用 rollDice() 函数，你可能会从它的范围之外调用骰子。

var anotherVariable = rollDice();