Javascript 词法分析

/*
词法分析

分析3样东西
第一步：先分析参数
第二步：再分析变量声明
第三部：分析函数声明

一个函数能适用的全局变量，就从上面的3步分析而来

具体步骤：

0：函数运行前的一瞬间，生成Aactive Object (活动对象)，叫AO
1：
   1.1 函数声明的参数，形成AO的属性，值全是undefined
   1.2 接收实参，形成AO相应的属性的值

2：分析变量声明！如var age,
    如果AO上还没有age属性，则添加A0属性，值是undefined
    如果AO上已经有age属性，则不做任何影响

3：分析函数声明，如function foo(){}，
则把函数赋给AO.foo属性
注：如果此前foo属性已存在，则被无情的覆盖了


*/

function t(age) {
    alert(age)
}

t(5) //5
t() //undefined

/*
词法分析过程：
AO {age:undefined}

运行过程：
t(5) ->AO.age=5;alert(AO.age);//5

t() ->AO.age没有得到赋值，还是undefined
*/

function t2(age){
    var age = 99;
    alert(age)
}
t2();

/*
分析过程

0：形成AO={}
1：
   1.1 分析形参 AO = {age:undefined}
   1.2 接收形参 AO = {age:5}

2：分析var age，发现AO已经有age属性，不做任何影响

执行过程
AO.age = 99;
alert(age)
*/

function t3(greet){
    var greet = 'hello';
    alert(greet);

    function greet(){}

    alert(greet)
}

t3(null); //hello hello

/*
词法分析过程：
0：AO = {}
1：
   1.1 分析参数 AO = {greet:undefined}
   1.2 分析参数 AO = {green:null}
2：分析green变量声明，A0已经有greet属性，因此不做任何影响
3：分析green函数声明，AO.greet = function(){}，被覆盖成函数

执行过程：
green = 'hello'
alert(greet)
alet(greet)
*/

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

/*
词法分析过程
0：A0 = {}
1：分析形参 A0 = {b:undefined} -> {b:1}
2：分析var声明没有？没有
3：分析函数声明没有？没有
（注：b = function({}) ，是一个赋值过程，在执行期过程才有用）

执行过程：
alert(b);//1
b = function(){
    alert(b);
}
b();//function

*/

/*

function t1(){}

t2 = function(){}

这两种方式效果不同
t1是函数声明，虽然全局内也得到一个t1变量，值是function
t2只是一个赋值的过程，值是谁？值是右侧表达式的返回结果，即函数
就是说function (){}在js看来，就和3*2，6/3一样，是个表达式，返回一个结果
因此，t1 t2两种方式在词法分析时，有着本质区别
前者，在词法分析阶段，就发挥作用
而后者，在运行阶段，才发挥作用
*/