仅使用 ' ' 标记声明 JavaScript 变量

Question

我看到一位大师这样做：

var example = '';

后来他继续说：

example += '<div>just a div</div>';

我想知道这样做有什么不同：

var example;

example += '<div>just a div</div>';

我真的不知道是否通过第二种方法我做错了，我必须像第一个示例所示那样编写代码。

---

更新了！

非常感谢您的回答，好的，我明白了，我需要定义我的变量才能使用它，但随后又出现了另一个问题......这位大师也在这样做：

var guess;

然后他做了：

guess += myfunction( upper );

myfunction 声明如下：

function myFunction( upper ){
    return Math.floor( Math.random() * upper ) + 1;
}

那么，为什么这里不一样呢？请问有人能回答吗？

谢谢！

---

第二次更新！

再次感谢！

我决定把JS高手做的全部代码贴出来，目前我还没有看懂，或许你能解开我的疑惑。

var randomNumber = myFunction( 10 );
var guess;
var attempts = 0;
var answer = false;

function myFunction( upper ){
    return Math.floor( Math.random() * upper ) + 1;
}

do{
    guess = prompt( "I created a number from 1 till 10, can you guess it?");
    attempts += 1;
    if( parseInt( guess ) === randomNumber ){
        answer = true;
    }
}while( ! answer )
    document.write( "Took you " + attempts + " attempts to guess the number " + randomNumber);

请看：

var guess;

以及稍后如何声明，为什么这里可以完美运行，但在我的第一个示例中，我必须在声明变量时放置 ''？

希望我的问题对你来说足够清楚！

感谢您的时间和耐心！

Answer 1

当你这样做时：

var example;

example += '<div>just a div</div>';

你最终得到：

`"undefined<div>just a div</div>"`

这是因为当你不初始化一个变量时，它是undefined，当你尝试将它添加到另一个字符串时，它可以转换为一个有意义的字符串"undefined"。

当你这样做时：

var guess;

guess += myfunction( upper );

function myFunction( upper ){
    return Math.floor( Math.random() * upper ) + 1;
}

您正在向undefined 添加number。这导致NaN（不是数字），因为undefined 无法转换为合理的number。

您下次可以通过打开浏览器的开发者工具并在控制台中运行代码自行检查。

编辑：

当你这样做时：

var guess;

guess = prompt( "I created a number from 1 till 10, can you guess it?");

没有问题，因为您只是将string 分配给guess 变量。在前面的示例中，您向变量添加了一些内容，这意味着如果它们是不同的类型，那么 JavaScript 必须尝试做一些明智的事情。

Answer 2

如果你不初始化你的变量，它的值是未定义的。

在您的最后一个示例中，您实际上是在说 example = undefined + '<div>just a div</div>' 并且 undefined 将被转换为字符串并以这种方式输出。可能不是你想要的。

一般来说，在使用变量之前初始化它们是个好主意，这就是为什么var example = '' 在这种情况下更可取。

Answer 3

var myvar
myvar += 'asdf'
console.log(myvar) // prints undefinedasdf

var othervar = ''
othervar += 'sdfasdf'
console.log(othervar) // prints sdfasdf

Answer 4

如果你不初始化变量，那么它将是undefined
附加到未定义的对象没有帮助。

var example = '';

在这里，您正在为变量初始化一个空字符串，因此将一个字符串附加到另一个字符串将给出所需的字符串连接输出。

输出：

"undefined<div>just a div</div>"
"<div>just a div</div>"

Answer 5

是的，有一个区别，第一个来自 master 的片段创建了一个变量示例并给它一个默认值，第二个语句将值与“只是一个 div”连接起来 .您的代码有一个错误，因为它正在向一个不存在的值添加一个值，因为变量示例没有默认值。