【学习笔记】"JavaScript深入系列之执行上下文重要属性--变量对象"学习笔记

真正的大神能把知识讲得有条不紊！，站在巨人的肩膀上学习
学习地址https://github.com/mqyqingfeng/Blog
声明：图片及内容摘自上述链接，这里只是记录学习笔记，完整版请查阅上述链接。

当JavaScript代码执行一段可执行代码(executable code)时，会创建对应的执行上下文(execution context)

对于每个执行上下文，都有三个重要属性：
-变量对象(Variable Object,VO)
-作用域链(Scope chain)
-this

变量对象

重点：创建变量对象的过程

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

不同执行上下文下的变量对象稍有不同。

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

函数上下文中用活动对象（activation object, AO）来表示变量对象。

活动对象和变量对象其实是一个东西，只是变量对象是规范上的或者说是引擎实现上的，不可在 JavaScript 环境中访问，只有到当进入一个执行上下文中，这个执行上下文的变量对象才会被激活，所以才叫 activation object 呐，而只有被激活的变量对象，也就是活动对象上的各种属性才能被访问。 ??

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

执行过程：
1.进入执行上下文（分析阶段） 2.代码执行（执行阶段）
例子：

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

    b = 3;
}

foo(1);

进入执行上下文后，AO为

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

代码执行阶段,会顺序执行代码，根据代码，修改变量对象的值
上面例子执行完之后，这时候的AO是：

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

总结：
1.全局上下文的变量对象初始化是全局对象

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

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

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

console.log(foo);

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

var foo = 1;

会打印函数，而不是undefined

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