JavaScript变量对象

执行上下文的生命周期分为两个阶段：

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

变量对象(Variable Object)

其创建过程：

1. 建立arguments对象，检查当前上下文中的参数，建立该对象下的属性和属性值；
2. 检查当前上下文的函数声明，即用function声明的函数。再变量对象中以函数名建立属性，属性值为指向该函数的所在内存地址引用。如果该属性已存在，告诉该属性将会被新的引用所覆盖；
3. 检查当前上下文的变量声明，找到变量及以变量名建立属性，属性值为undefined。如果变量名属性存在，防止同名函数被修改为undefined，直接跳过，原属性值不会被修改

如下例：

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

test执行上下文的创建过程：

// 创建过程
testEC = {
    // 变量对象
    VO: {
        arguments: {...},  //注：在浏览器的展示中，函数的参数可能并不是放在arguments对象中
        foo: <foo reference>  // 表示foo的地址引用
        a: undefined
    },
    scopeChain: {}
}

注：只有处于函数调用栈栈顶的执行上下文的变量对象，才能变成活动对象。

// 执行阶段
VO ->  AO   // Active Object
AO = {
    arguments: {...},
    foo: <foo reference>,
    a: 1,
    this: Window
}

全局上下文变量对象

// 全局对象为window，全局上下文
windowEC = {
    VO: Window,
    scopeChain: {},
    this: Window
}

参考文章：
变量对象–这波能反杀
如有错误，烦请指正，谢谢！

赏

谢谢！

支付宝

微信