变量对象

变量对象(variable object, VO)是与执行上下文相关的数据作用域，存储了在上下文中定义的变量和函数声明。

不同的执行上下文有不同的变量对象，全局上下文的变量对象和函数上下文的变量对象。

全局上下文

全局对象，可以访问所有他所预定义的对象、函数、属性。在客户端js中，全局对象就是window对象。

var a = 'aa';
this.a //'aa'
window.a //'aa'

this == window

全局上下文中的变量对象就是全局对象window。

函数上下文

在函数上下文中，使用活动对象(activation object, AO)来表示变量对象。

活动对象和变量对象是一个东西，变量对象不可在js环境中访问，只有到进入一个执行上下文中，这个执行上下文的变量对象才会被激活，而只有被激活的变量对象，也就是活动对象上的各种属性才能被访问。

活动对象是在进入函数上下文时刻被创建的，它通过函数的arguments属性初始化。arguments属性值是Arguments对象。

执行过程

执行过程分为两个阶段：分析和执行。可以叫做：

1、进入执行上下文

2、执行代码

进入执行上下文

当进入执行上文时，这时候还没有执行代码，变量对象会包括：

1、函数的所有形参(如果是函数执行上下文)

由名称和对应值组成的一个变量对象的属性被创建,
没有实参，属性值设为undedined

2、函数声明

由函数和对应的值(函数对象)组成的一个变量对象的属性被创建
如果变量对象已经存在相同名称的属性，则完全替换这个属性

3、变量声明

由名称和对应值(undefined)组成一个变量对象的属性被创建
如果变量名称跟已经声明的形式参数或函数相同，则变量声明不会干扰已经存在的这类属性

举个例子：

function foo(a){
    var b = 2;
    fucntion c(){}
    var d = function(){};
    
    b = 3;
}

foo(1);

在进入执行上下文后，这时的AO：

AO = {
    arguments:{
        0: 1,
        length:1
    },
    a: 1,
    b: undefined,
    c: reference to function c(){},
    d: undedined,
}

代码执行

顺序执行代码，根据代码，修改变量对象的值

AO = {
    arguments:{
        0: 1,
        length:1
    },
    a: 1,
    b: 3,
    c: reference to function c(){},
    d: reference to FunctionExpression d,
}

总结：

1、全局上下文的变量对象初始化是全局对象

2、函数上下文的变量对象初始化只包括Arguments对象

3、在进入执行上下文时会给变量对象添加形参、函数声明、变量声明等初始的属性值

4、在代码执行阶段，会再次修改变量对象的属性值

思考题

console.log(foo);

function foo(){
    console.log("foo");
}

var foo = 1;

打印foo函数。

因为在进入执行上下文时，首先会处理函数声明，其次会处理变量声明，如果如果变量名称跟已经声明的形式参数或函数相同，则变量声明不会干扰已经存在的这类属性。

参考链接：github.com/mqyqingfeng…

javascript之变量对象