JS变量提升的一些想法

专栏刚刚开通, 先把自己以前写的一些没人看的答案搬运过来填补一下空白.

变量的问题，莫过于声明和赋值两个步骤，而这两个步骤是分开的。

函数声明被提升时，声明和赋值两个步骤都会被提升，

而普通变量却只能提升声明步骤，而不能提升赋值步骤。

变量被提升过后，先对提升上来的所有对象统一执行一遍声明步骤，

然后再对变量执行一次赋值步骤。

而执行赋值步骤时，会优先执行函数变量的赋值步骤，再执行普通变量的赋值步骤。

当你明白这三点后，一切都豁然开朗了。

首先来看一个DEMO：

(function(){
        
        function a(){};
        var a;
        alert(typeof a); //function
    })();

先提升两个a，然后执行函数的赋值步骤，a没有被赋值，故结果为function

再看一个：

 (function(){
        alert(typeof a);//function
        function a(){};
        var a = 1;
         
    })();

先提升两个a，再执行函数的赋值步骤，

因为在alert语句执行以前，还未执行a = 1的赋值步骤，函数不会被覆盖，故为function

来个最有说服力的：

(function(){ 
            var a = 1;
            function a(){};
            alert(typeof a); //number
        })();

在alert语句执行之前，a = 1步骤和函数赋值步骤均已执行，

而且函数还在a = 1赋值语句之后，但是仍然输出number，

就是因为函数的赋值步骤会先于a = 1的赋值步骤，函数被覆盖，故输出number。