JavaScript 预编译Activation Objec(AO对象)

先看一个例子

 function fn(a){
            console.log(a);
            var a = 123;
            console.log(a);
            function a(){};
            console.log(a);
            var b = function (){};
            console.log(b);
            function d(){};
        }
        fn(1);

试想分别会打印什么？

四部曲 一，创建AO对象。(Activation Object ,执行器上下文)
四部曲 二，找形参和变量声明，将变量和形参名作为AO对象属性名，并赋值undefined。
四部曲 三，将形参值和实参值统一。
四部曲 四，在函数体里找函数声名，将函数声明的名作为AO对象的属性名，值赋为函数体。

一、创建AO对象

AO{
}

二、找形参和变量声明，将变量和形参名作为AO对象属性名，并赋值undefined。

//形参a，var a ，var b
//重复只取一个
AO{ 
      a : undefined，
      b : undefined，
}

三、将形参值和实参值统一

//实参是 1 ，形参 a
所以a的值为1
AO{ 
       a : 1，
       b : undefined，
}

四、在函数体里找函数声明，将函数声明的名作为AO对象的属性名，值赋为函数体。

//函数声明有function a(){};  和 function d(){}; 
//但是对象为a的属性名，已经有了，所以把d放到上面去
//所以a:的值为 函数体，d的值也为函数体
AO{ 
      a : function a (){}，
      b : undefined，
      d : function d(){}
}

五、结果 ，请结合四使用。

 function fn(a){
            console.log(a);//所以第一个console.log(a)值为 function
            var a = 123;//因为变量声明已经把var a提升上去了，所以AO对象中，
            a的值不再是function a(){},而是123；
            console.log(a);//因此console.log(a)为123
            function a(){};//已经被预编译提升上去了，所以这个不用看了
            console.log(a);//执行此句还是为123
            var b = function (){}; //同理变量声明已经把var b提升上去了，所以AO对象中，
            b的值不再是undefind,而是function (){}；
            console.log(b);
            function d(){};
        }
        fn(1);