javascript变量对象

发表于 | 分类于

原文地址https://github.com/mqyqingfeng/Blog

函数上下文

在函数上下文中，我们用活动对象(activation object, AO)来表示变量对象。
活动对象和变量对象其实是一个东西，只是变量对象是规范上的或者说是引擎实现上的，不可在 JavaScript 环境中访问，只有到当进入一个执行上下文中，这个执行上下文的变量对象才会被激活，所以才叫 activation object 呐，而只有被激活的变量对象，也就是活动对象上的各种属性才能被访问。

活动对象是在进入函数上下文时刻被创建的，它通过函数的 arguments 属性初始化。arguments 属性值是 Arguments 对象。
执行过程
执行上下文的代码会分成两个阶段进行处理：分析和执行，我们也可以叫做：
进入执行上下文
代码执行
进入执行上下文
当进入执行上下文时，这时候还没有执行代码，
变量对象会包括：

函数的所有形参 (如果是函数上下文)

由名称和对应值组成的一个变量对象的属性被创建
没有实参，属性值设为 undefined

函数声明

由名称和对应值（函数对象(function-object)）组成一个变量对象的属性被创建
如果变量对象已经存在相同名称的属性，则完全替换这个属性

变量声明

由名称和对应值（undefined）组成一个变量对象的属性被创建；
如果变量名称跟已经声明的形式参数或函数相同，则变量声明不会干扰已经存在的这类属性
举个例子：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function foo(a) {
 
  var b = 2;
 
  function c() {}
 
  var d = function() {};


  b = 3;

}
}


foo(1);

在进入执行上下文后，这时候的 AO 是：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
AO = {
 
    arguments: {
 
        0: 1,
 
        length: 1
    },
 
    a: 1,
 
    b: undefined,
 
    c: reference to function c(){},
 
    d: undefined
}
}

代码执行
在代码执行阶段，会顺序执行代码，根据代码，修改变量对象的值
还是上面的例子，当代码执行完后，这时候的 AO 是：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
AO = {
 
    arguments: {
 
        0: 1,
 
        length: 1
    },
 
    a: 1,
 
    b: 3,
 
    c: reference to function c(){},
 
    d: reference to FunctionExpression "d"
}
}

到这里变量对象的创建过程就介绍完了，让我们简洁的总结我们上述所说：

  • 全局上下文的变量对象初始化是全局对象

  • 函数上下文的变量对象初始化只包括 Arguments 对象

  • 在进入执行上下文时会给变量对象添加形参、函数声明、变量声明等初始的属性值

  • 在代码执行阶段，会再次修改变量对象的属性值