JavaScript预解析详解

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

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

一、js预解析是什么？

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

二、在什么情况下会进行预解析？

1、遇到<scrip></script>标签对时；

2、遇到函数时；

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

1、函数传参的变量

2、var后面的变量

3、函数

四、js会给这些变量、函数赋予什么初始值

1、凡是传参，直接赋值参数；

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

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

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

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

下面是实例：

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

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

alert(a);    //function a(){ alert('我是函数') },  undefined代表空，函数不是空的，当然要不是空的啦！
 a++;
 alert(a);    //NaN, ++可以改变初始值
 var a = '我是变量';
 function a(){ alert('我是函数') }
 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 js会先从函数内部找变量（var），若没有再从外部找，如果全局也没有就会报错
    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);    //报错

<script>
alert(a);    //报错，因为遇到<script>标签对时，会先对这一块进行预解析，运行到下面的才会再进行预解析，下面没预解析，所以找不到a，于是报错了
</script>

<script>
alert(a);    //undefined
var a = 0;
alert(a);    //0
</script>

<script>
var a;    
</script>

<script>
alert(a);    //undefined,虽然这个<script>标签对没有定义a，但会往上查找，上面的个<script>标签定义了，所以为undefined
</script>

<script>
   alert(a); //报错,程序从上往下执行
</script>

<script>
  var a; 
</script>

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

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

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