为什么 JavaScript 中变量要在函数之前声明

Question

我在网上寻找计算器代码，发现了如下代码。

但我心里有一个问题。为什么程序员要在创建函数之前声明变量？

var getValues= "";

function updateField(val) {
    getValues += val;
    document.calc.putValues.value = getValues;
}

请帮我回答我的问题。

谢谢大家。

Answer 1

这样，它就是一个全局变量，可以通过函数调用保留其值。
如果你把它放在函数内部，当函数被调用时它总是0

Answer 2

他所做的是将变量移出函数的范围。

这将使同一变量可以通过同一范围内的其他方法访问。

请参阅此问题以了解有关变量作用域的更多信息：JavaScript 中变量的作用域是什么？

Answer 3

要知道，变量其实是可以在函数下声明的。但它必须在使用之前声明，即在调用函数之前声明。

我创建了一个测试场景来展示我的意思。

我创建了一个名为 test.html 的文本文件，其中包含以下简单内容：

<script type="text/javascript">
var a = "hello"; // <- the declaration of the variable before the function
function b(){ // <- the actual function
  a += " world";
  alert(a);
}
b(); // <- and here it is called
</script>

如果我在 Firefox4 中加载此文本文件（文件://$path_to_file/test.html），我会收到一个警告框，其中包含消息你好世界。

然后我改变了顺序：

<script type="text/javascript">
function b(){ // <- the actual function
  a += " world";
  alert(a);
}
var a = "hello"; // <- the declaration of the variable under the function
b(); // <- and here it is called
</script>

结果是一样的：Hello World
但是当我将声明放在这样的调用下时：

<script type="text/javascript">
function b(){ // <- the actual function
  a += " world";
  alert(a);
}
b(); // <- and here it is called
var a = "hello"; // <- the declaration of the variable under the call
</script>

我得到了不同的结果：undefined world。 JavaScript 认识到它不知道 a 可能是什么，因此将其处理为 undefined。

当然，数字之和可能与字符串之和的解释不同，所以我也测试了这一点：

<script type="text/javascript">
function b(){ // <- the actual function
  a += 3;
  alert(a);
}
b(); // <- and here it is called
var a = "hello"; // <- the declaration of the variable under the call
</script>

结果是：NaN 意思是不是数字。

这就是JS的懒惰和宽容。您的问题当然也可以解释为关于变量和函数的范围。但对此已经有两个答案。当然，如果还不够的话我也可以在这里编辑详细的解释。