Javascript - 控制台中显示 undefined variable

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 

如果我将 board 变量更改为 var board = ""; 这不会发生。

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

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

Answer 1

将字符串值添加到 undefined variable 中。它只是声明未初始化，因此在使用变量之前必须通过设置等于“”来初始化该变量。

添加到此答案。每当声明一个变量但未初始化时，它都会默认设置为 undefined，这表示它尚未使用任何值进行初始化。这就是为什么当您第一次将字符串添加到其中时，它会被附加到未定义的值。相反，如果您使用“”初始化变量，它将被初始化为空字符串，此后当您添加字符串值时，它会准确地产生您正在寻找的结果。