在 JavaScript 中，每个函数都有自己的活动对象 (AO)，也称为执行上下文。活动对象是一个存储函数内部变量和函数参数的对象。在 ES7 中，活动对象的提升机制被引入了，这使得我们可以更好地理解 JavaScript 中的变量提升和作用域。
活动对象的定义
活动对象是一个 JavaScript 执行上下文中的对象，它包含了函数内部定义的变量、函数参数以及 this 对象。当函数被调用时，JavaScript 引擎会创建一个新的活动对象并将其推入执行上下文栈中。当函数执行完毕后，活动对象会被销毁。
活动对象的提升机制
在 ES7 中，活动对象的提升机制被引入了。这意味着在函数执行之前，JavaScript 引擎会先创建一个空的活动对象，并将函数内部定义的变量和函数参数添加到该对象中。这样一来，我们就可以在函数内部任何地方使用这些变量和参数了，而不需要担心变量提升的问题。
下面是一个示例代码：
function foo() {
console.log(a); // undefined
var a = 1;
console.log(a); // 1
}
foo();在这个示例中，变量 a 在函数内部被定义，但是在第一次 console.log() 中却输出了 undefined。这是因为在函数执行之前，变量 a 并没有被添加到活动对象中。只有在 var a = 1; 执行之后，a 才被添加到活动对象中，此时才能正确输出 1。
活动对象的作用域
活动对象的作用域与 JavaScript 中的作用域链密切相关。当 JavaScript 引擎需要查找变量时，会先在当前活动对象中查找，如果找不到，就会继续向上查找，直到找到为止。
下面是一个示例代码：
-- -------------------- ---- -------
--- - - --
-------- ----- -
--- - - --
-------- ----- -
--- - - --
-------------- -- ---
-
------
-
------在这个示例中，当 bar() 函数需要查找变量时，它会先在自己的活动对象中查找，如果找不到，就会继续向上查找。在这个例子中，a 变量在全局作用域中定义，因此可以直接访问；b 变量在 foo() 函数的活动对象中定义，因此也可以直接访问；而 c 变量在 bar() 函数的活动对象中定义，因此也可以直接访问。
总结
活动对象是 JavaScript 中非常重要的概念之一，它是函数执行时存储变量和参数的地方。在 ES7 中，活动对象的提升机制被引入了，这使得我们可以更好地理解 JavaScript 中的变量提升和作用域。了解活动对象的定义和作用域，可以帮助我们更好地理解 JavaScript 中的变量和函数调用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65cc76daadd4f0e0ff5e0e52