什么是执行环境

什么是执行环境

当代码在JavaScript中运行的时候，代码在环境中被执行是非常重要的，它会被评估为以下之一类型来运行：
全局代码：默认环境，你的代码第一时间在这儿运行。
函数代码：当执行流进入一个函数体的时候。
Eval代码：在eval()函数中的文本。

你可以在网上查找关于作用域的大量资料，这篇文章的目的就是让事情变得更容易理解。让我们把执行环境作为环境/作用域,当前代码被评估在这个环境/作用域中。现在，让我们来看一个例子，代码被评估某个类型，这个例子中类型包括全局和函数环境：

这里并没有什么特别的，我们有一个全局环境，全局环境由紫色边框表示，还有三个不同的函数环境分别由绿色边框，蓝色边框和橙色边框表示。这里只能由一个全局环境，在你的程序中，全局环境可以被其他环境访问。

你可以由很多的函数环境，每个函数都会创建一个新的函数环境，在新的函数环境中，会创建一个私有作用域，在这个函数中创建的任何声明都不能被当前函数作用域之外的地方访问。在上面例子中，一个函数可以访问当前环境外部定义的变量，但是在外部却无法访问函数内部声明的变量。为什么这样？这段代码究竟是如何评估的？

执行环境栈

JavaScript解释器在浏览器中是单线程的，这意味着浏览器在同一时间内只执行一个事件，对于其他的事件我们把它们排队在一个称为 执行栈的地方。下表是一个单线程栈的抽象视图。

我们已经知道，当浏览器第一次加载你的script，它默认的进了全局执行环境。如果在你的全局代码中你调用了一个函数，那么顺序流就会进入到你调用的函数当中，创建一个新的执行环境并且把这个环境添加到执行栈的顶部。

如果你在当前的函数中调用了其他函数，同样的事会再次发生。执行流进入内部函数，并且创建一个新的执行环境，把它添加到已经存在的执行栈的顶部。浏览器始终执行当前在栈顶部的执行环境。一旦函数完成了当前的执行环境，它就会被弹出栈的顶部, 把控制权返回给当前执行环境的下个执行环境。下面例子展示了一个递归函数和该程序的执行栈：

(function foo(i) {
if (i === 3) {
return;
}
else {
foo(++i);
}
}(0));

这段代码简单地调用了自己三次，由1递增i的值。每次函数foo被调用，一个新的执行环境就会被调用。一旦一个环境完成了执行，它就会被弹出执行栈并且把控制权返回给当前执行环境的下个执行环境直到再次到达全局执行环境。