JavaScript（1）预解析

预解析只会发生在通过var定义的变量和function上。

一、原理

1. 定义：预解析：在当前作用域下,js运行之前，会把带有var和function关键字的事先声明，并在内存中安排好。然后再从上到下执行js语句。

2. 通俗点讲，即认为浏览器在正式运行JavaScript代码前，

第一步，会预先根据关键字var、function等，来查找一些需要被解析的东西，

例如：var a = 1; function test(){ alert(2); }; 

第二步，给这些需要被解析的东西提前赋值，其中包括：

⑴ 所有的变量，提前赋值：undefined；

⑵ 所有的函数，在正式运行代码前，都赋值为整个函数块。

第三部，“预解析”结束后，浏览器再逐行解读代码，并通过表达式：= + - * -- ++ !等来修改这些“预解析”的值。

二、解析原则

1. JavaScript “预解析”过程中，遇到重名的内容，只保留一个：

⑴ 重名变量或重名函数，保留最后的一个；

⑵ 变量和函数重名，只保留函数；

2.根据作用域链，来查找上文第一步中提到的需要被解析的东西

查找原则：从上到下，从里到外

即先找局部作用域里找，然后子对象会一级一级向上寻找所有父对象的变量。

三、案例分析

案例一：

alert(a); // function a(){alert(4);}

var a=1;

alert(a); // 1

function a(){alert(2);}

alert(a); // 1

var a=3;

alert(a); // 3

function a(){alert(4);}

alert(a); // 3

a(); //报错

分析：

1. 找出需要被解析的东西：a

2. 预解析赋值：undefined，function a( alert(2); )，undefined，function a( alert(4); )

根据解析原则2，变量与函数重名保留函数，则第一个alert预解析为：function a( alert(4);

3. 预解析结束，代码开始执行，第一个alert通过表达式赋值，则输出预解析的值，其余均有表达式操作，依次改变为：1，3

4. 最后的a为一个变量，不能以函数的方式执行

案例二：

var a = 1;

function test(){

alert(a); //undefined

var a = 2;

}

test();

alert(a); //1

分析：

通过var关键字在局部作用域里，查找到需要被解析的变量a，赋值undefined。

这里注意函数的执行顺序，test函数执行时，alert(a)并未有表达式操作，故为undefined。