轻松搞定JavaScript预解析

约定不等于承诺〃 2022-10-01 04:43 280阅读 0赞

hey,guys!我们一起总结一下JS预解析吧！

首先，我们得搞清楚JS预解析和JS逐行执行的关系。其实它们两并不冲突，一个例子轻松理解它们的关系：

你去酒店吃饭，吃饭前你得看下菜谱，点下菜（JS预解析），但吃的时候还是一口一口的吃（JS逐行执行）！

OK，解决下面五个问题，JS预解析就算过了~~(前提：对JS变量作用域有清晰理解)

一、JS预解析是什么？

其实就是对程序要用到的材料（变量，函数）给一个初始值，并存到一个表中（我自己虚构的）,当程序运行到那一行时，就来这个表看有没有初始值，没有就报错~~

![这里写图片描述][SouthEast]  
二、JS在什么情况下会进行预解析呢？

1.遇到标签对时;

2.遇到函数时;(因为变量是有作用域的)

三、JS对什么进行预解析？

1.函数传参的变量

2.var 后面的变量

3.函数

四、那JS会给这些 变量、函数 赋予什么初始值呢？

1.凡是传参，直接赋值参数;

2.凡是var 的，都会赋予一个 undefined 作为初始值；

3.凡是函数，直接赋予 函数本身 作为初始值；（所以这就是为什么我们可以把 函数调用 放到 函数声明 之前的原因）

五、什么情况会改变 预解析 赋予的初始值呢？

有赋值功能的符号：=, +=, -=, \*=, /=, ++, –等 (如果还有再添加..)

下面是来点实例：

1 alert(a); //报错，没有var 是不会进行预解析的
    2 a = 0;

1 alert(a);    //undefined
    2 var a = 0;
    3 alert(a);    //0, =号 可以改变初始值

1 alert(a);    //function a(){ alert('我是函数') },  undefined代表空，函数不是空的，当然要不是空的啦！
    2 var a = '我是变量';
    3 function a(){ alert('我是函数') }
    4 alert(a);    //'我是变量', = 可以改变初始值

1 alert(a);    //function a(){ alert('我是函数') },  undefined代表空，函数不是空的，当然要不是空的啦！
    2 a++;
    3 alert(a);    //NaN, ++可以改变初始值
    4 var a = '我是变量';
    5 function a(){ alert('我是函数') }
    6 alert(a)    //'我是变量', = 可以改变初始值

alert(a);    //undefined
    var a = 0;
    alert(a);    //0
    function fn(){ 
        alert(a);    //undefined;遇到函数，重新进行预解析
        var a = 2;
        alert(a);    //2
    }
    fn()
    alert(a);    //0,fn里面的a与全局的a不是同一作用域的

alert(a);    //undefined
    var a = 0;
    alert(a);    //0
    function fn(){
        alert(a);    //0;因为没var, 所以这里的a会被看作是全局的,往上查找，找到a=0,所以是0，如果全局也没有就会报错
        a = 2;
        alert(a);    //2
    }
    fn()
    alert(a);    //2,fn把这全局的a修改了

function fn(a){
       alert(a);    //undefined,JS会把传参当作var一样对待,相当于在fn内部定义了一个变量--> var a;
       a = 2;
       alert(a);    //2,这里修改的不是全局的哦,改的是fn的局部变量哦
    }
    fn()
    alert(a);    //报错

下面我们再看下这两种情况的区别：

1 alert(a);    //function a(){ alert('我是函数') }
    2 function a(){ alert('我是函数') }

1 alert(a);    //undefined,可以看出,凡是var,初始值都是undefined
    2 var a = function (){  '我是函数' }

--------------------

之前还有一个地方不够严谨，补充一下（2014.06.08）：

对于函数内的预解析，可以理解成在执行前一瞬间，传了参数后，进行预解析，然后才执行。

对于参数的预解析，传参前，直接赋值undefined，传参后，就是传参的值;

所以在函数内的预解析 参数 是最先被解析到的。

function a(b){ 
    　　　　　//首先,执行的瞬间，传参后进行预解析-> b = 1,然后往下找　b = b函数,最后b = b函数
        alert(b);
    
        function b(){ 
            alert(b);
        }
        b();
    }
    a(1);   //b函数， b函数

[原文链接http://www.cnblogs.com/ivangel/p/3694694.html][http_www.cnblogs.com_ivangel_p_3694694.html]

[SouthEast]: /images/20220705/ffeea810013e405d95bfd15612872d6e.png
[http_www.cnblogs.com_ivangel_p_3694694.html]: http://www.cnblogs.com/ivangel/p/3694694.html