关于js变量提升

首先我们先来看一道题：

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的语句是否需要执行，而是直接提升变量声明。

谢谢观看。

转载于:https://juejin.im/post/5ae67e756fb9a07aa34a07dc