JavaScript变量范围返回“未定义”

Question

JavaScript指南中有一个关于变量范围的语句：“JavaScript中的变量在某种意义上被”悬挂“或被提升到函数或语句的顶部，但变量不是初始化还会返回一个未定义的值。“

/** 
    * Example 2 
    */ 
    // will return a value of undefined 
    var myvar = "my value"; 

(function() { 
    console.log(myvar); // undefined 
    var myvar = "local value"; 
})(); 

我的问题是：为什么“console.log（myvar）;”会返回undefined？我认为第一行已经初始化了myvar这个值是“我的价值”。

Answer 1

因为所有变量声明将自动提升至其定义功能块的顶部，这样的代码：

(function() { 
    console.log(myvar); // undefined 
    var myvar = "local value"; 
})(); 

其实这是JS的解释：

(function() { 
    var myvar; // declares a new local variable that covers up the global name 
    console.log(myvar); // undefined 
    myvar = "local value"; 
})(); 

这应该告诉你为什么本地定义的myvar是console.log()输出的内容，它已被定义，但尚未初始化，因此它显示为undefined。

的本地定义myvar重写/覆盖了全局定义的一个，所以当你在你的函数访问myvar，你只能获得局部定义变量（不管是尚未还是未初始化）。

查看同一主题的其他一些参考：

How do JavaScript variables work?

JavaScript variable undefined vs not defined

One var per function in JavaScript?

JavaScript 'hoisting'

---

如果哟你删除你的函数中的var（所以你只是引用一个变量，而不是声明一个新变量），那么你将只有一个全局变量名为myvar，你会得到它看起来像你可能会期待的行为：

var myvar = "my value"; 

(function() { 
    console.log(myvar); // outputs "my value" 
    myvar = "local value"; 
})(); 

Answer 2

这里你的功能是一个自我调用功能。自调用表达式会自动调用（启动），而不会被调用。提升适用于变量声明和函数声明。

var myvar = "my value"; 

(function() { 
    console.log(myvar); // undefined 
    var myvar = "local value"; 
})(); 

所以这里的功能调用它自身甚至与指定的值