2、JavaScript高级之词法分析

浏览数：16 / 时间：2015年06月08日

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 ...

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

2、JavaScript高级之词法分析