JavaScript 中的“执行上下文”到底是什么

Java

JavaScript 中的执行上下文是什么？

在 JavaScript 中，执行上下文（Execution Context）是指代码执行时的环境，它包含了变量、函数声明、参数、以及其他与代码执行相关的信息。每当 JavaScript 引擎执行一段代码时，都会创建一个新的执行上下文。

全局执行上下文

在 JavaScript 中，全局执行上下文是指整个代码执行过程中的最顶层执行上下文。它是在代码开始执行时自动创建的，并且在整个代码执行过程中都存在。全局执行上下文中包含了全局变量、函数声明以及其他全局作用域的内容。

下面是一个简单的例子，展示了全局执行上下文的创建过程：

Javascript
var x = 10;
function foo() {
  console.log("Hello, world!");
}
foo();

在上述代码中，全局执行上下文会在代码开始执行时被创建。它包含了全局变量 x 的声明和赋值，以及函数 foo 的声明。当代码执行到 foo() 的调用时，会创建一个新的执行上下文用于执行函数体。

函数执行上下文

除了全局执行上下文，JavaScript 还会为每个函数调用创建一个新的执行上下文。每当函数被调用时，都会创建一个新的函数执行上下文，并将其推入执行上下文栈（Execution Context Stack）中。

下面是一个简单的例子，展示了函数执行上下文的创建过程：

Javascript
function foo() {
  var y = 20;
  console.log(y);
}
foo();

在上述代码中，当 foo() 函数被调用时，会创建一个新的函数执行上下文。这个执行上下文包含了变量 y 的声明和赋值。当代码执行到 console.log(y) 时，会输出变量 y 的值。

执行上下文栈

执行上下文栈是一个存储执行上下文的数据结构，它用于管理执行上下文的创建和销毁。当一个新的执行上下文被创建时，它会被推入执行上下文栈的顶部，当执行上下文结束时，它会被从栈中弹出，从而销毁该执行上下文。

下面是一个简单的例子，展示了执行上下文栈的操作过程：

Javascript
function foo() {
  var x = 10;
  console.log(x);
}
function bar() {
  var y = 20;
  console.log(y);
  foo();
}
bar();

在上述代码中，当 bar() 函数被调用时，会创建一个新的函数执行上下文，并将其推入执行上下文栈的顶部。然后，当 foo() 函数被调用时，又会创建一个新的函数执行上下文，并将其推入执行上下文栈的顶部。当 foo() 函数执行完毕后，它的执行上下文会被从栈中弹出并销毁，然后回到 bar() 函数的执行上下文。

执行上下文是 JavaScript 中非常重要的概念，它描述了代码执行时的环境和相关信息。全局执行上下文是整个代码执行过程中的最顶层执行上下文，而函数执行上下文是每个函数调用时创建的执行上下文。执行上下文栈用于管理执行上下文的创建和销毁。通过理解和掌握执行上下文的概念，我们可以更好地理解代码的执行顺序和变量的作用域。

希望本文对你理解 JavaScript 中的执行上下文有所帮助！