在全局范围内预定义变量有什么好处？

Question

我经常会根据自己的心情行事：

情况 A）：

 function a() {
     var msg = 'a()';
     ..operate on msg
   }

   function b() {
     var msg = 'b()';
     ..operate on msg
   }

情况 B）：

var msg;
function a() {
  msg = 'a()';
 ..operate on msg
}

function b() {
  msg = 'b()';
 ..operate on msg
}

请注意，"operate on msg"并不是指一个函数，而是一堆操作。

我对此很感兴趣，因为 JSHint 指出变量已经预定义，尽管它们具有相同的名称但例如出现在不同的函数中。

更新： 我在问这个问题时可能是不正确的，以便清除我更改功能的情况。

更新 2 我理解范围。我的意思是，尽管范围很广，但还有其他优势吗？

Answer 1

正如其他人所建议的，您必须阅读更多关于 Javascript 中的变量提升的信息。 我会尝试演示一下。

function test() {

    var t1 = msg + " hello";  
    console.log(t1); // prints "undefined hello" because msg is undefined
    var t2 = msgx + " hello"; // msgx ReferenceError

    var a = 1;
    var b = 2;
    if (a > b) {
        var msg = 'sample';
    }

}

test();

在示例中，您可以看到声明了msg。但它是未定义的。另一方面，msgx 导致引用错误。它没有在任何地方声明。所以重点是 var msg = 'sample'; 语句，它稍后出现在 if 大括号内的函数中，使得 msg 在函数中的任何地方都是一个有效的变量。所以再次声明msg 会给你预定义的变量警告。

在 javascript 中，只有函数可以创建作用域。即使有其他控制语句的内花括号，函数中声明的所有内容都将在整个函数范围内可用。在函数内不同行中声明的所有变量都将被提升并视为在函数的起始行中声明。

Answer 2

这几乎没有区别...在每种情况下都定义了变量，但如果您不使用 msg 变量，第一种情况会节省一点数据 :) 但这太简单了。

Answer 3

你了解范围吗？

在情况 B 中，您的变量仅在函数范围内可用。

function(){
    var foo = 10;
}
console.log(foo); //undefined

在情况 A 中，您的变量在全局范围内可用。

var foo;
function(){
    foo = 10;
}
console.log(foo); //10

在情况 A 中，从函数内部修改 foo 会在任何地方修改它。情况B，只修改局部变量。