函数的变量提升问题

Question

很多教程里都这样说：
函数声明的提升优先于变量提升：

    (function(){
        console.log(typeof a); //"function"
        var a = 1;
        function a(){};
    })();

被解析为：

    (function(){
        function a(){};
        var a = 1;
        console.log(typeof a); 
    })();

然而我觉得是变量提升优先级大于函数声明，我觉得function a(){} 被提升到顶端会被解析为：

var a; a = function(){}; //这也可以解释为什么声明函数不能被外部调用。

这段代码应该被解析为：

(function(){
        var a;
        var a;
        a = function(){};
        console.log(typeof a); 
    })();

当然提升到顶端并不是真的提升到顶端，js是先解析在执行的，所谓提升到顶端其实就是在解析完后就已经声明好函数与变量了，所以就算你把断点打在你的函数第一句上，这些函数与变量也已经早就声明好了。

这就我的观点，这种观点是否正确呢？

Answer 1

就不给链接了，看的书太杂，好多知识点找不到出处。我无从论证他的正确性，如何看待，全看个人。

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

2. 函数声明被提升时，声明和赋值两个步骤都会被提升，而普通变量却只能提升声明步骤，而不能提升赋值步骤。

3. 变量被提升过后，先对提升上来的所有对象统一执行一遍声明步骤，然后再对变量执行一次赋值步骤。而执行赋值步骤时，会优先执行函数变量的赋值步骤，再执行普通变量的赋值步骤。
   当你明白这三点后，一切都豁然开朗了。

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

一切关乎变量提升的代码，用这三点没有解释不清楚的。而至于你说的“为什么声明函数不能被外部调用”，这是作用域的问题，跟变量提升，其实并无直接关系。
以上。
欢迎拍砖...

Answer 2

先解释－再执行

Answer 3

我先说结论，你的理解，不太准确（你看到的教程的解释也不太准确）

关于下面代码：

(function(){
    console.log(typeof a); //"function"
    var a = 1;
    function a(){};
})();

被javascript执行引擎解释后的形态，应该等同于这个：

(function() {
    var a;
    function a() {
    }
    console.log(typeof a); //"function"
    a = 1;
})();

文档看这里：var-hoisting

注意，声明部分提升，但赋值部分保持原来的位置不变哦！

所以如果你在上面例子的最下面再检查下a的类型，如下：

(function() {
    console.log(typeof a); //"function"
    var a = 1;
    function a() {
    }
    console.log(typeof a); //"number"
})();

a变成number了哦！

Answer 4

首先我觉得各种教程说的函数的提升优于变量的提升没有错。
var a = 1;
function a(){}
同样这样的声明的时候，不论先后顺序，函数的声明都会覆盖变量的声明，这也是说函数的提示功能会大于变量的意思。

之后你改变 变量的指向，就是另外的事情了。