JavaScript的那些坑之变量提升

想总结一下JS的变量提升特性，都是因为一道题，先上题。

var name = 'World!';
(function () {
  	if (typeof name === 'undefined') {
  		var name = 'Jack';
        console.log('Goodbye ' + name);
    }else{
        console.log('Hello ' + name);
    }
})();

这是JavaScript专业八级测试，你能做对几道？上的一道题。

如果不知道JS的变量提升的话，绝对会以为world的name是全局变量，可以访问到name，然后执行else里的语句。要是这么认为就大错特错了。

function可以访问到name=World!这个全局变量这没错，但是function内部又定义了一个局部变量name，而且是用var定义，这样就截然不同了。那我们来做个实验。

是否在函数内部定义Jack，对整个程序发生了质的变化。那么我们下面就来分析一下为什么会有这样的变化。

变量定义是存在作用域的，这里就不做累述，具体的可以到Javascript的变量和作用域问题（二）之作用域里查看。

我们最主要的是了解下变量声明之后是怎么被解释器解释的，

function foo() {
	//something
	var x = 1;
}

这个例子实际上和下面的例子是相同的。

function foo() {
	var x;
	//something
	x = 1;
}

也就是说， 变量声明总是会被解释器悄悄地被“提升”到方法体的最顶部。

要是这样讲没有说服力的话，再来用console.log试一下就好。

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

很明显，在var之前是访问不到x的，因为var只是定义了x，在console的时候并没有赋值，所以当然是undefined了。

再回到最原先的题上，因为在匿名函数里又重新定义了一遍name，所以name的var被悄悄的提到了函数的最前面。也变成了这样。

var name = 'World!';
(function () {
	var name;      //变量提升了。
  	if (typeof name === 'undefined') {
  		name = 'Jack';
        console.log('Goodbye ' + name);
    }else{
        console.log('Hello ' + name);
    }
})();

name就变成了undefined，当然进入了if而不是进入else，自然而然也就打印出了Goodbye,Jack。

一点补充，如果对于全局作用于范围的变量，var与不var是有区别的. 

    没有var的写法，其变量不会被提升。比如下面两个程序，第二个会报错：

alert(a);
var a=1;


alert(a);
a=1;

总之，变量提示就是var在函数内部使用的时候，在var定义变量的语句之前是访问不到变量的！