关于js变量提升

195 阅读1分钟

首先我们先来看一道题:

  1. var tmp = new Date();
  2.        function f() {
  3.            console.log(tmp);
  4.           if (false) {
  5.                var tmp = 'hello world';
  6.            }
  7.        }
  8. f();

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

为什么呢?

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

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

  1. var tmp = new Date();
  2.     function f() {
  3.         var tmp;//声明提升
  4.        console.log(tmp);
  5.        if (false) {
  6.        tmp = 'hello world';//初始化不提升
  7.       }
  8.    }
  9. f();

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

谢谢观看。