执行上下文

js代码在执行前，js引擎会做一些准备工作，把执行代码需要用到的变量和函数等进行预处理，生成一个运行环境，这个运行环境，就叫做执行上下文。

一般来说，js中的执行上下文分为全局执行上下文和函数执行上下文（这里不讨论eval函数的执行上下文）：

全局执行上下文

全局执行上下文是由浏览器创建的，有且只有一个，在执行全局代码前被创建出来，创建主要有四部分：

1. 使用var定义的全局变量被赋值为undefined，并被添加为window的属性
2. let和const定义的变量为未初始化状态，不会被添加为window的属性
3. 在全局环境中声明的函数被添加为window的方法
4. this被赋值为window对象

函数执行上下文

函数执行上下文是在函数执行前被创建出来的，每当一个函数被调用一次就创建一个，同个函数多次调用就多次创建，创建时主要有六个部分：

1. 函数形参被赋值为实参，添加为上下文的属性
2. 所有实参添加到arguments伪数组中，arguments添加为上下文的属性
3. var定义的局部变量被赋值为undefined，并添加为上下文的属性
4. let和const定义的变量为未初始化状态
5. 内部声明的函数被添加为上下文的方法
6. this赋值为调用函数的对象

执行栈

当有多个函数调用的时候，就会产生多个函数执行上下，就需要一种管理这些执行上下文的方法，执行栈的就是这个作用。

执行栈是栈结构，具有后进先出（LIFO）的特点。

来看下面这个例子：

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

上面代码的执行上下文入栈出栈过程如下：

1. 开始执行全局代码前，会创建一个全局执行上下文，并压入执行栈中，此时全局上下文处于栈顶激活状态
2. 开始执行foo函数之前，会创建foo执行上下文，压入执行栈，此时foo上下文处于栈顶激活状态
3. 开始执行bar函数之前，会创建bar执行上下文，压入执行栈，此时bar上下文处于栈顶激活状态
4. 执行完bar函数之后，bar上下文弹出执行栈，此时foo上下文处于栈顶激活状态
5. 执行完foo函数之后，foo上下文弹出执行栈，此时全局上下文处于栈顶激活状态

可以看出，在执行栈中，处于激活状态的永远是栈顶那个，也就是说此时执行的函数是栈顶那个函数，当函数执行完毕之后，执行上下文就会被弹栈并销毁，继续执行下一个函数。处于栈底的永远是全局执行上下文，只有在浏览器页面被关闭，这个全局执行上下文才会被弹栈销毁。