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

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。

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

先解释－再执行

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

关于下面代码：

(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了哦！

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

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