javaScript词法分析

1.概念：

var str1 = 'global';
function t1(){
    console.log(str1);//global
    console.log(str2);//undefinde

    var str2 = 'local';
}

t1(); 

注：
js 代码自上而下执行：
js代码在整体运行分：
    1.词法分析期：
    2.运行期：
自上而下执行之前，先有一个词法分析过程
   分析 :
      1.先分析t1函数
      t1(){
          var str2  //分析出， t1内有str2 局部变量，此时为函数未执行                 
                   //因此str2的值是undefined
      }

      2.执行t1函数
       console.log(str1) //global
       console.log(str2) //undefinde

2.解释：

词法分析： 
1.先分析参数； 
2.再分析变量声明； 
3.分析函数声明； 
一个函数能使用的局部变量，就从上面的3步分析而来

具体步骤：
1.函数运行前的一瞬间，生成 Active Object(活动对象)；
2.
   2.1 函数声明的参数，形成AO的属性，参数的值即属性的值；
   2.2 接收实参，形成AO相应的属性值
3.分析变量声明，如 var xxx
   1.如果AO上还没有 xxx 属性，则添加AO属性, 值是undefined
   2.如果AO上己经有 xxx 属性，则不做任何影响
4.分析函数声明：如 function foo(){},
  1.把函数赋值给 AO.foo 属性
  2.如果此前 foo 属性已存在，则覆盖之前的

实例1：

function t5(greet){
    var greet ='hello';
    alert(greet);
    function greet(){
    }
   alert(greet);
}
t5(null);

/*
 *	 词法分析过程：
 *	1.形成活动对象：AO={};
 *	2.
 *  	2.1分析参数：AO ={greet:undefined};
 *  	2.2接收参数：AO={greet:null};
 *	3.分析greet变量声明，AO已经有greet属性，因此不做任何影响；
 *	4.分析greet函数声明，AO.greet = function() {} ,被覆盖成函数
 *
 *	执行过程：
 * 	greet = 'hello';
 *  	alert(greet); //hello
 *  	alert(greet);//hello
 */

实例2：

function a(b){
    alert(b);
   b = function(){
        alert(b);
    }
    b();
}
a(1);

/**
 * 分析期：
 *	1.AO={};
 *	2.
 *   	2.1分析参数 AO = {b:undefined}
 *   	2.2接收参数 AO = {b:1};
 *	3.分析var声明，此函数没有var
 *	4.分析函数声明，没有函数声明；
 *
 * 执行期：
 *  1.alert(b); 1
 *  2.b = function(){
 *   	alert(b);
 *    }
 *  3.b(); //function

 * 注：是赋值，只有在执行时才有效；
 *	b = function(){
 *  	alert(b);
 *  }
 * 
 **/

实例3：

function a(b){
    alert(b);
    function b(){
        alert(b);
    }
    b();
}
a(1);
/*
 *	分析期：
 *	1.AO={};
 *	2.
 *  	2.1分析参数 AO = {b:undefined};
 *   	2.2接收参数 AO = {b:1};
 *	3.分析var声明，此函数没有var
 *	4.分析函数声明, AO = {b:function(){}}
 *	执行期：
 * 	1.alert(b); function
 *  	2.b();  //由作用域寻找到a函数中的b，即 function
 */