Javascript深入认识（3）——变量对象

上一篇中，我们知道，当函数被调用时，就会创建执行上下文（执行环境）。
一个执行上下文的生命周期分成两部分：

• 创建阶段
  执行上下文分别创建对象，建立作用域链，以及确定this的指向。
• 代码执行阶段
  执行代码，完成变量赋值，函数引用，以及执行其他代码
  

变量对象

变量对象的创建，依次经历了以下几个过程。

• 建立arguments对象。检查当前上下文中的参数，建立该对象下的属性与属性值。
• 检查当前上下文的函数声明，也就是使用function关键字声明的函数。在变量对象中以函数名建立一个属性，属性值为指向该函数所在内存地址的引用。如果函数名的属性已经存在，那么该属性将会被新的引用所覆盖。
• 检查当前上下文中的变量声明，每找到一个变量声明，就在变量对象中以变量名建立一个属性，属性值为undefined。如果该变量名的属性已经存在，为了防止同名的函数被修改为undefined，则会直接跳过，原属性值不会被修改。

- function foo() { console.log('function foo') }
var foo = 20;

console.log(foo); // 20

上面的三条规则仅仅适用于变量对象的创建过程。也就是执行上下文的创建过程。而foo = 20是在执行上下文的执行过程中运行的，输出结果自然会是20。

变量提升

function声明会比var声明优先级更高一点

未进入执行阶段之前，变量对象中的属性都不能访问！但是进入执行阶段之后，变量对象转变为了活动对象，里面的属性都能被访问了，然后开始进行执行阶段的操作。
变量对象和活动对象有什么区别? 他们其实都是同一个对象，只是处于执行上下文的不同生命周期。只有处于函数调用栈栈顶的执行上下文中的变量对象，才会变成活动对象。

这两段代码执行结果是一样的： foo的优先级要高于a的优先级

function test() {
    console.log(a);
    console.log(foo());

    var a = 1;
    function foo() {
        return 2;
    }
}

test();

function test() {
    function foo() {
        return 2;
    }
    var a;
    console.log(a);
    console.log(foo());
    a = 1;
}

test();