JavaScript代码自上而下执行,但是在js代码执行前,会首先进行词法分析,所以事实上,js运行要分为词法分析和执行两个阶段。
词法分析
词法分析主要分为3步:
第1步:分析形参
第2步:分析变量声明
第3步:分析函数声明
如果存在函数嵌套,则从外往内进行词法分析
具体步骤:
0:在函数执行的一瞬间,生产 Active Object(活动对象),下面简称AO
1:
1.1 函数声明的形参,形成AO的属性,默认值是undefined,
1.2 接收形参,给刚刚形成AO的属性的形参赋值
2:分析var声明变量!如 var age;(变量的值是在运行时期决定)
2.1 如果AO上还没有age属性,则给AO添加age属性,默认值是undefined
2.2 如果AO上已经有age属性,则不做任何操作。
3:分析函数声明!如 function foot(){}
3.1 如果AO上没有foot属性,则把函数赋给AO.foot属性
3.2 如果AO上有foot属性,则会直接覆盖,把函数赋给AO.foot属性
代码演示与分析:
function a(b){ alert(b); function b(){ alert(b); } b(); } a(1);
这是个常见的JavaScript面试题,如果不懂JavaScript的词法分析,根本看不懂,下面就按照JavaScript的词法步骤进行分析,前面说过JavaScript自上而下执行,但是先进行词法分析后执行代码
分析过程:
0、形成活动对象AO={}
1、分析形参,--> AO={b:undefined}; 分析传参,--> AO={b:1}
2、分析变量声明var,没有
3、分析函数声明,AO.b=function(){alert(b);},执行覆盖操作
执行过程:
alert(b);//function
b(); // 执行function b...alert(b),在函数b的作用域内部找不到b,根据作用域链原理(见上一篇http://blog.csdn.net/guixuecheng/article/details/43670323)往外层寻找,找到b就是函数自己,打印出function ...