首先我们先来看一道题:
- 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的语句是否需要执行,而是直接提升变量声明。
谢谢观看。