为什么我的全局变量在本地声明之前被遮蔽了？

Question

x = 1; 
alert(x); 
var y = function() { 
    alert(x); 
    var x = 2; 
    alert(x); 
} 
y(); 

3次提醒的结果是：1，undefined，2（Chrome 25）

我的问题是：为什么第二个警报未定义？为什么不是1？是不是有全局变量x？

Answer 1

由于hoisting，这就是执行的内容：

x = 1; 
alert(x); 
var y = function() { 
    var x; // <-- this gets hoisted up from where it was.

    alert(x); 
    x = 2; 
    alert(x); 
} 
y();

在函数y()的开头，声明了局部变量x但未初始化。

Answer 2

函数中的变量声明被提升到顶部。所以它在技术上看起来像这样：

var y = function() {
    var x;

    alert(x);

    x = 2;
};

局部变量掩盖了全局变量。这就是警报返回undefined的原因。

Answer 3

因为JavaScript中的范围是一个函数对象。当您在函数（代码示例）中执行某些代码时，“alert（x）”将查找函数中是否存在“x”的任何定义。所以，这个函数中有一个“var x = 2”。但是JavaScript运行时会解释你的代码：

x = 1; 
alert(x); 
var y = function() { 
  var x;
  alert(x); 
  x = 2; 
  alert(x); 
} 
y(); 

因此，第二个警报中的x是“未定义”而不是“1”。因此，当您在函数中声明某个变量时，我建议您在函数顶部声明变量。