2、JavaScript高级之词法分析

页面导航:首页 > 网络编程 > JavaScript > 2、JavaScript高级之词法分析

2、JavaScript高级之词法分析

来源: 作者: 时间:2016-02-03 09:20 【

JavaScript代码自上而下执行,但是在js代码执行前,会首先进行词法分析,所以事实上,js运行要分为词法分析和执行两个阶段。词法分析 词法分析主要分为3步: 第1步:分析形参

Script代码自上而下执行,但是在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自上而下执行,但是先进行词法分析后执行代码

分析过程:
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 ...

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<