JavaScript预解析

定义:JavaScript”预解析”,可以理解为把变量或函数预先解析到它们被使用的环境中。

通俗点讲,即认为浏览器在正式运行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
1、每个var、funciton都会被预解析,var被预解析为undefined,function被预解析为它本身(不过是以字符串形式)
2、这里面有两个function a,只保留最后一个,即第二个function a(){alert(4);}
3、这里面有一个变量a,名字和function重合了。变量与函数重名,只保留函数。所以第一个变量a最后被预解析为 function a(){alert(4);}

猜你喜欢

转载自www.cnblogs.com/n2meetu/p/8858802.html