JavaScript中Function和var 的预解析（浅见）

读完此篇文章将占用您7分钟

JavaScript(下列简称JS)的预解析主要有函数参数，函数声明，var变量的声明。JS中语句执行步骤为：
1.自身函数参数
2.函数声明
3.var变量
4.其他语句的执行。
接下来，我们将具体看看代码的体现：

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

具体执行过程为：
    **1.执行函数参数-->无函数参数
    2.执行函数声明--> function a(){}
    3.执行var 声明 --> var a;与函数声明重名， 被忽略
    4.执行其他语句:
         console.log(a) -->function, 
         a = 10;  
         console.log(a) --> 10;**

2.

function b(){
console.log(a); // function
var a = 10;
function a(){};
console.log(a);  // 10 
}
b();

具体执行过程:
        ***1.执行函数参数-->无函数参数
        2.执行函数声明--> function a(){}
        3.执行var 声明 --> var a;与函数声明重名， 被忽略
        4.执行其他语句:    
             console.log(a) -->function
             a = 10;  
             console.log(a) --> 10;***

3.

        function d(){
            var a = 10;  
            console.log(a);  // 10
            function a(){};
            console.log(a);  // 10
        }
        d();

具体执行过程：
***1.执行函数参数-->无函数参数
    2.执行函数声明--> function a(){}
    3.执行var 声明 --> var a;与函数声明重名， 被忽略
    4.执行其他语句:
             a = 10;
             console.log(a) --> 10;  
            console.log(a) --> 10;***

4.

        (function(num){
            console.log(num); //100
            var num;
            console.log(num); //100
        })(100);

    具体执行过程：
        1.执行函数参数-->num = 100;
        2.执行函数声明--> 无
        3.执行var 声明 --> 与第一步重名， 被忽略
        4.执行其他语句。  
            console.log(a) -->100, 
            console.log(a) --> 100;

5.

        (function(num){
            console.log(num); // function
            var num;

            console.log(num); // function
            function num(){};
        })();

具体执行过程：
                1.执行函数参数-->num = undefined;
                2.执行函数声明--> function num(){} 覆盖了第一步
                3.执行var 声明 --> 与第二步重名， 被忽略
                4.执行其他语句。 
                 console.log(a) -->function, 
                 console.log(a) --> function;

大家在具体事例中可以通过上述的四步，进行对预解析的判断和理解，

***希望对你有帮助。***