JavaScript：执行上下文&&执行上下文栈

在JavaScript概念中，有一个概念比较难以理解，它就是执行上下文和执行栈。最近在网上查阅了很多资料，现在把我的一些理解写出来，希望对各位有些帮助。

一、执行上下文

什么是执行上下文？是不是我们平时写文章的时候的那个上下文关系？答案是否定的，在JavaScript中的执行上下文指的是JS代码被解析和运行时所处的环境，被称之为JavaScript中的执行上下文，换句话来说，我们在实际开发中写的所有JavaScript代码都会在执行上下文中运行。

有的人就会想到了，既然执行上下文是一个环境，肯定有不同的环境类型了。答案是肯定的，通常会将JavaScript中的执行上下文分为以下三种类型：全局执行上下文、函数执行上下文、Eval函数执行上下文。

• 全局执行上下文

这个在JavaScript中式默认以及最基本的执行上下文，它的范围很大，类似于全局作用域一样，当目标代码不在任何函数中的时候，它就位于全局执行上下文中，处于全局执行上下文中的代码做了两件事儿：

1>创建一个全局对象，例如浏览器中的全局对象就是window对象；

2>将this指向这个全局对象，而且需要注意的是：一个程序代码中只存在有且只有一个全局执行上下文；

• 函数执行上下文

函数执行上下文，顾名思义，就是处于函数体内的代码解析及运行的环境，当每次调用函数的时候，都会给该函数创建一个函数执行上下文，虽然每个函数都有自己的函数执行上下文，但是只有当函数被调用时该函数执行上下文才会被创建。既然是函数，所以在一个代码程序中可以存在多个函数执行上下文。

• Eval函数执行上下文

这个是比较特殊的，就是运行在Eval函数内会创建一个Eval函数执行上下文，因为Eval函数用的比较少，这里就不作过多赘述，有兴趣的可以查阅资料看下。

二、执行上下文的生命周期

上面我们介绍了什么是执行上下文以及类型，既然执行上下文可以创建，那么肯定就有对应的回收机制了。下面就来介绍下执行上下文的生命周期：创建----执行----回收。

• 创建阶段

前面提到，每个函数都有自己的函数执行上下文，但是需要调用的时候才会创建自己的函数执行上下文，那么在调用函数及创建的时候，代码内部做啥了：

1>创建变量：即初始化函数的参数arguments，提升函数及变量的声明（关于变量提升可以查看上一篇博客：变量提升&&作用域）；

2>创建作用域及作用域链；

3>确定this的指向；

• 执行阶段

对创建阶段声明的变量及函数进行赋值，执行代码之间的逻辑关系；

• 回收阶段

执行上下文出栈等待虚拟机回收执行上下文；

三、执行上下文栈

前面我们提到，一个程序代码中包含多个函数，也就是包含多个函数执行上下文，相对应的，为了管理好多个执行上下文之间的关系，JavaScript中创建了执行上下文栈来管理执行上下文。这个执行上下文栈就有点类似于汇编语言中存储函数调用的栈结构，它的规则就是先进后出。我们先来看一段代码：

function sum(b) {
    var a = 1;
    return a + b
}
function sub(y) {
    var x = 2;
    return sum(x - y)
}
console.log(sub(1));

上面代码执行步骤如下：

• 由于JavaScript代码执行的顺序是单线程的，所有的代码都是排队依次执行，所以最先全局的执行上下文，将其推入执行栈的顶部，及console.lod(sub(1))；

• 当进入每一个函数时，执行该函数就会创建一个函数执行上下文，依次将其推入执行栈的顶部，及先执行sub(1)，其次执行sum(1)；这时函数全部执行完毕，当前函数就开始执行上下文出栈操作，等待垃圾回收，上面我们说到出栈执行机制是先进后出，最后输出的结果就是2；

通过上面的步骤解析，也可以得到执行上下文栈的特点：一是JS引擎总是从栈顶向下访问；二是全局上下文有且仅有一个，并且在浏览器关闭时执行出栈操作。

 

到底啦！！！！！！！！