执行上下文

当ECMAScript 代码执行时，它总是在一定的上下文中运行，执行上下文是一个有点抽象的实体，它有助于我们理解作用域和变量实例化如何工作的。对于三种类型的可执行代码，每个都有执行的上下文。当一个函数执行时，可以说控制进入到函数代码（Function code）的执行上下文。全局代码执行时，进入到全局代码（Global code）的执行上下文。

正如你所见，执行上下文逻辑上来自一个栈。首先可能是有自己作用域的全局代码，代码中可能调用一个函数，它有自己的作用域，函数可以调用另外一个函数，等等。即使函数递归地调用它自身，每一次调用都进入一个新的执行上下文。

激活对象/可变对象

每一个执行上下文在其内部都有一个所谓的可变对象。与执行上下文类似，可变对象是一个抽象的实体，一个描述变量示例化的机制。现在，最有趣的是在源代码中声明的变量和函数被当作这个可变对象的属性被添加。

当控制进入全局代码的执行上下文时，一个全局对象用作可变对象。这也正是为什么在全局范围中声明的变量或者函数变成了全局对象的属性。

/* remember that `this` refers to global object when in global scope */
  var GLOBAL_OBJECT = this; 
  var foo = 1; 
  GLOBAL_OBJECT.foo; // 1 
  foo === GLOBAL_OBJECT.foo; // true   
  function bar(){} 
  typeof GLOBAL_OBJECT.bar; // "function" 
  GLOBAL_OBJECT.bar === bar; // true

Ok，全局变量变成了全局对象的属性，但是，那些在函数代码（Function code）中定义的局部变量又会如何呢？行为其实很相似：它成了可变对象的属性。唯一的差别在于在函数代码（Function code）中，可变对象不是全局对象，而是所谓的激活对象。每次函数代码（Function code）进入执行作用域时，激活对象即被创建。

不仅函数代码（Function code）中的变量和函数成为激活对象的属性，而且函数的每一个参数（与形参相对应的名称）和一个特定Arguments 对象（Arguments ）也是。注意，激活对象是一种内部机制，不会被程序代码真正访问到。

(function(foo){ 
  var bar = 2; 
  function baz(){} 
  /* 
  In abstract terms, 
  Special `arguments` object becomes a property of containing function's Activation object: 
    ACTIVATION_OBJECT.arguments; // Arguments object 
  ...as well as argument `foo`: 
    ACTIVATION_OBJECT.foo; // 1 
  ...as well as variable `bar`: 
    ACTIVATION_OBJECT.bar; // 2 
  ...as well as function declared locally: 
    typeof ACTIVATION_OBJECT.baz; // "function" 
  */
})(1);

最后，在Eval 代码（Eval code）中声明的变量作为正在调用的上下文的可变对象的属性被创建。Eval 代码（Eval code）只使用它正在被调用的哪个执行上下文的可变对象。

var GLOBAL_OBJECT = this;
/* `foo` is created as a property of calling context Variable object, 
    which in this case is a Global object */
eval('var foo = 1;');
GLOBAL_OBJECT.foo; // 1
(function(){ 
  /* `bar` is created as a property of calling context Variable object, 
    which in this case is an Activation object of containing function */
  eval('var bar = 1;'); 
  /* 
    In abstract terms, 
    ACTIVATION_OBJECT.bar; // 1 
  */
})();

出处：Denis'Blog
责任编辑：bluehearts

上一页 理解delete [1] 下一页 理解delete [3]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。