JS变量提高的一些想法

专栏刚刚开通, 先把本身之前写的一些没人看的答案搬运过来填补一下空白.函数

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

函数声明被提高时,声明和赋值两个步骤都会被提高,对象

而普通变量却只能提高声明步骤,而不能提高赋值步骤。io

变量被提高事后,先对提高上来的全部对象统一执行一遍声明步骤,function

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

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

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

首先来看一个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。