JavaScript基础及其原理（四）—— 变量对象

前言

本文首发于笔者的个人博客，欢迎围观。

如果在阅读过程发现文章有表达不当的地方，希望不吝指教。

变量对象存储了在上下文中定义的变量和函数声明。

变量对象会包括：

1. 函数的所有形参（如果是函数上下文）
   • 由名称和对应值组成的一个变量对象的属性被创建
   • 没有实参，属性值设为undefined
2. 函数声明
   • 由名称和对应值（函数对象（function-object））组成一个变量对象的属性被创建
   • 如果变量对象已经存在相同名称的属性，则完全替代这个属性
3. 变量声明
   • 由名称和对应值（undefined）组成一个变量对象的属性被创建；
   • 如果变量名称跟已经声明的形式参数或函数相同，则变量声明不会干扰已经存在的这类属性

全局上下文

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

函数上下文

举个例子：

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: reference to function c(){},
    d: undefined
}
复制代码

代码执行

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

还是上面的例子，当代码执行完后，这时候的 AO 是：

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. 在代码执行阶段，会再次修改变量对象的属性值