详解JavaScript执行环境与执行栈

执行环境

执行环境是指JavaScript代码的运行环境，它决定了哪些变量和函数可以被访问到。在JavaScript中，有两种类型的执行环境：全局执行环境和函数执行环境。

全局执行环境

全局执行环境是JavaScript代码默认运行的环境。它会在浏览器或Node.js环境中被创建，在整个应用程序的生命周期中都存在，并且拥有许多全局变量和函数。这些全局变量和函数可以被任何其他执行环境访问到。

函数执行环境

函数执行环境是在函数被调用时管理函数内部代码执行的环境。每次调用函数时，都会创建一个新的函数执行环境，它拥有自己的变量和函数，在函数执行完毕后，它们将被销毁。

执行栈

执行栈是JavaScript代码执行的一种抽象数据结构。它用来跟踪函数的调用位置，以及在执行代码时创建的执行环境。每当JavaScript代码执行到一个函数时，一个新的执行环境就会被创建，并被压入执行栈的顶部。当这个函数执行完毕后，执行环境将会从执行栈中弹出，并且控制权将会返回到执行环境的调用者。

以下是一个示例说明：

function foo() {
  console.log('foo()');
  bar();
}

function bar() {
  console.log('bar()');
}

foo();

在这个例子中，我们调用了foo()函数，它又调用了bar()函数。当代码执行到foo()的时候，一个新的执行环境将被创建，并被压入执行栈的顶部。执行环境包含了foo()函数内部的变量和函数，执行foo()函数的代码。然后，当foo()函数调用bar()函数时，另一个新的执行环境将被创建，并被压入执行栈的顶部，同时它也拥有自己的变量和函数。当bar()函数执行完毕后，它的执行环境将会从执行栈中弹出，控制权将会返回到foo()函数的执行环境中。当foo()函数执行完毕后，它的执行环境将会从执行栈中弹出，控制权将会返回给全局执行环境。