关于js变量提升

首先我们先来看一道题：

var tmp = new Date();

function f() {

console.log(tmp);

if (false) {

var tmp = 'hello world';

}

}

f();

很多没弄清楚什么是变量提升的童鞋，就会以为输出的是日期，但其实不是，正确答案是

undefined。

为什么呢？

原来，在js中，函数以及变量的声明都会被提升到函数最顶部，这就是变量提升。但是，初始化并不会随着变量声明提升而提升。

也许你还有点懵，但是接下来我将上面代码进行转换，你就应该明白了：

var tmp = new Date();

function f() {

var tmp;//声明提升

console.log(tmp);

if (false) {

tmp = 'hello world';//初始化不提升

}

}

f();

如果有人好奇为什么if(false)里面的代码还会执行，其实变量提升的时候，并不会直接执行代码，所以它并不会判断if的语句是否需要执行，而是直接提升变量声明。

谢谢观看。