恶补 JavaScript 基础之变量对象

恶补 JavaScript 基础之变量对象

变量对象（Variable object）

变量对象是与执行上下文关联的数据容器。这是一个特殊的对象，用于存储在上下文中定义的变量和函数声明。

注意，函数表达式（与函数声明相反）不包含在变量对象中。

变量对象是一个比较抽象的概念。在不同的上下文类型中，实际上是使用不同的对象呈现的。例如，在全局上下文中，变量对象是全局对象本身（这就是为什么我们能够通过全局对象的属性名称引用全局变量的原因）。

思考下面这个例子：

var foo = 10;
function bar() {} // 一个函数申明
(function baz() {}); // 一个函数表达式
console.log(
  this.foo == foo, // true
  window.bar == bar // true
);
console.log(baz); // ReferenceError, "baz" is not defined

此时全局上下文变量对象(VO)将具有以下属性

变量对象 - 图1

作为函数表达式的函数 baz 不包含在变量对象中。这就是为什么我们尝试在函数本身之外访问它时会出现 ReferenceError 的原因。

注意，与其他语言（例如C / C ++）相比，ECMAScript中 仅仅函数 会创建一个新的作用域。在函数范围内定义的变量在函数作用域中，在外部不直接可见，也不污染全局变量对象。

使用 eval我们可以进入一个新的(eval的)执行上下文。然而，eval 要么使用全局变量对象，要么使用调用者的变量对象(例如，调用eval 的函数)。

那么函数和它们的可变对象呢?在函数上下文中，变量对象被表示为 活动对象。

活动对象（Activation object）

当一个函数时被调用的时候，会创建一个称为 活动对象 的特殊对象。它由形参（formal parameters）和特殊的实参对象（arguments object，它是形参的映射，但带有索引属性）组成。然后 活动对象 被用作函数上下文的一个变量对象。

即函数的变量对象可以简单的看做变量对象，但除了变量和函数声明外，它还存储形式参数和实参对象，称为活动对象。

function foo(x, y) {
  var z = 30;
  function bar() {} // 函数申明
  (function baz() {}); // 函数表达式
}
foo(10, 20);

foo函数上下文的下一个活动对象(AO)如下

变量对象 - 图2

同样的，函数表达式 baz不包含在变量/活动对象中。

注意，在ES5中，将变量对象和激活对象的概念组合到词法环境模型中，可以在相应的章节中找到详细的描述。

众所周知，在 ECMAScript 中，我们可以使用内部函数，并且在这些内部函数中，我们可以引用父函数的变量或全局上下文的变量。正如我们将 变量对象 命名为上下文的作用域对象一样，类似于原型链，也有所谓的作用域链。

参考

恶补JavaScript基础系列

恶补JavaScript基础系列目录地址：https://www.sixtyden.com/archive。
恶补JavaScript基础系列是我在从学校毕业入坑前端的学习产物，它主要是我看完书以及其他资料后的一个浓缩总结。以下是我参考的主要资料：

本人能力有限，如果有错误或者不严谨的地方，请务必给予指出，十分感谢！愿与君共勉。

（完）