Javascript - 在控制台中显示未定义的var

Question

可能是一个简单的问题，但我不确定要搜索什么来寻找答案。

通过Eloquent Javascript工作，以下内容：

var size = 8;
var board;

for (var y = 0; y < size; y++) {
  for (var x = 0; x < size; x++) {
    if ((x + y) % 2 == 0)
      board += " ";
    else
      board += "X";
  }
  board += "\n";
}
console.log(board);

可生产

undefined x x x x
x x x x 
 x x x x
x x x x 
 x x x x
x x x x 
 x x x x
x x x x 

如果我将电路板变量更改为var board = "";，则不会发生这种情况。

我不明白为什么，有人可以启发我吗？

我在jfiddle.net中运行它，https://getfirebug.com/firebug-lite-debug.js设置了外部资源（以获取控制台）。

Answer 1

您将字符串值添加到未定义的变量。它只是声明未初始化，因此您必须在使用之前初始化变量，方法是设置等于＆＃34;＆＃34;。