在 JavaScript 中，了解执行上下文、变量提升、作用域和闭包是非常重要的。本文将深入探讨这些概念，并提供示例代码以帮助你更好地学习和理解它们。
执行上下文（Execution Context）
执行上下文是 JavaScript 中一个非常重要的概念。在每个函数执行时都会创建一个新的执行上下文。执行上下文可以分为三种类型：
- 全局执行上下文
- 函数执行上下文
- Eval 函数执行上下文
当 JavaScript 代码开始执行时，就会首先创建全局执行上下文。然后，在函数调用时，会创建一个新的函数执行上下文。如果使用 eval() 函数，则会创建一个 Eval 函数执行上下文。
变量提升（Hoisting）
变量提升是指在执行上下文中，所有的变量声明都会被提升到作用域的顶部。这意味着即使变量在声明之前被使用，也不会抛出错误。
但是需要注意的是，只有变量声明才会被提升，而不是赋值操作。例如：
console.log(x); // undefined var x = 10;
在上面的代码中，x 被提升到作用域顶部，但它的值并没有被赋值。因此，在第一行中，x 的值为 undefined。
作用域（Scope）
在 JavaScript 中，作用域是指变量的可访问范围。JavaScript 有两种类型的作用域：
- 全局作用域
- 局部作用域
全局作用域包含所有在函数之外声明的变量。而局部作用域包含所有在函数内部声明的变量。
在 JavaScript 中，变量的作用域可以通过以下方式来确定：
- 如果变量在函数内部声明，则它具有函数作用域。
- 如果变量在函数外部声明，则它具有全局作用域。
闭包（Closure）
闭包是指一个函数能够访问其父级作用域中的变量，即使该变量已经离开了该作用域。这是因为在创建函数时，它会创建一个闭包，保存了该函数所需的所有变量和函数，并将它们保留在内存中。
以下是一个使用闭包的示例：
-- -------------------- ---- -------
-------- --------------- -
--- - - ---
-------- --------------- -
---------------
-
------ --------------
-
--- ----- - ----------------
-------- -- -- --在上面的代码中，innerFunction() 访问了 outerFunction() 中定义的变量 x，即使 outerFunction() 已经执行完毕并返回了。
结论
通过本文，我们了解了 JavaScript 中的执行上下文、变量提升、作用域和闭包。这些概念对于理解 JavaScript 中的代码执行非常重要。希望这篇文章能够帮助您更好地掌握它们，并应用到实际开发中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43614