JS中的变量提升背后的机制

当我执行下面的代码时，你觉得会打印什么？

    <script>
        a = 2;
        console.log(a);
        var a;
    </script>

刚开始很多人会觉得是undefined，因为a的声明是在赋值之后，但实际上打印的是2。之前只知道这是JS的变量提升，但是不知道背后的机制。

我们习惯将var a = 2;看作是一个声明，但是JS引擎其实并不是这样认为。JS引擎把它看作是两个声明。var a 定义声明 ，a = 2 赋值声明。定义声明是在编译阶段执行（之前我一直以为JS是解释性语言，不会编译，但其实JS在执行前都会编译，大部分发生在代码执行前的几微秒甚至更短）,赋值声明在JS执行期间进行。

除了变量声明会被提升，还有函数声明提升，但是注意函数表达式不会提升。
另外，函数声明和变量声明都会被提升，那么当函数名和变量名一样的时候怎么办？
这个时候函数会被优先提升，然后再是变量。但是这样会造成很多问题，所以大家还是避免重复声明吧~