Javascript的预解析机制

 Javascript的解析机制：1) . js预解析  2)逐行解读代码

预解析

1）将以var声明的全局里面的变量和函数都拿出来，变量赋值给undefined，函数进行声明。

2）let声明的变量不进行预解析

3）预解析时，若出现相同的变量命名，也会保留，因为预解析时都是赋值给undefined

4）若变量和函数名冲突，保留函数

5）若函数和函数冲突，保留后面声明的

6）在if和for代码块里面定义函数时，是无法预解析的

7）函数表达式不进行预解析，因为函数表达式的变量名是用var声明的，会赋值给undefined

直接看例子：

例1：
    var a=1;
    function fn(){
    console.log(a);//undefined
    var a=2;
    console.log(a);//2
　　}
　　fn();
    console.log(a);//1

例2：
var a=1;
function fn(){
    console.log(a);//1
    a=2;
}
fn();
console.log(a);//2
函数声明了，里面的变量a没有用var声明，是全局变量

例3：
var a=1;
function fn(a){  //参数a是局部变量,所以下面的a=2实际上是修改了局部变量a的值,跟全局没有关系了
    console.log(a);//undefined
    a=2;
}
fn(); //这里fn();没有传值，所以里面打出来是undefined
fn(1); //执行函数时向局部的a传值了
console.log(a); //1 ，因为作用域的问题，所以这里始终打印出来的数是1，里面的值改变了访问不到

例4：
var a=1;
function fn(a){ 
    console.log(a);//1
    a=2;
}
fn(a); //将全局变量a的值传给函数的形参a，所以打印1
console.log(a);//1

例5：
console.log(a); //function a(){ document.write('a2'); }，这里预解析出来是函数
var a=1;
function a(){
      console.log("a1");
}
function a(){
    console.log("a2"); 
}
console.log(a);//1
a(); //报错，a is not a function
//程序在运行前要对a进行解析，程序中有两个a方法，解析过后a是第二个a方法对象，所以第一个输出结果是function a(){ document.write('a2'); }；
第二个输出的就是全局的a，值为1。最后一个执行时会报错，因为之前a已经复制成了1，不是函数。