2、JavaScript高级之词法分析

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

你可能感兴趣的:(JavaScript)