预解析只会发生在通过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。
网友评论