什么是执行上下文
当代码运行时，会产生一个对应的执行环境，在这个环境中，所有变量会被事先提出来（变量提升），有的直接赋值，有的为默认值 undefined，代码从上往下开始执行，就叫做执行上下文。
简单一句话：JS代码在执行前，JS引擎总要做一番准备工作，这份工作其实就是创建对应的执行上下文。
什么是执行上下文栈
每个函数调用都有自己的上下文。当代码执行流进入函数时，函数的上下文被推到一个上下文栈上。
在函数执行完之后，上下文栈会弹出该函数上下文，将控制权返还给之前的执行上下文。ECMAScript
程序的执行流就是通过这个上下文栈进行控制的。
上下文执行的过程
上下文中的代码在执行的时候，会创建变量对象的一个作用域链（scope chain）。这个作用域链决定了各级上下文中的代码在访问变量和函数时的顺序。代码正在执行的上下文的变量对象始终位于作用域链的最前端。如果上下文是函数，则其活动对象（activation object）用作变量对象。活动对象最初只有一个定义变量：arguments。（全局上下文中没有这个变量。）作用域链中的下一个变量对象来自包含上下文，再下一个对象来自再下一个包含上下文。以此类推直至全局上下文；全局上下文的变量对象始终是作用域链的最后一个变量对象。
上下文在其所有代码都执行完毕后会被销毁，包括定义在它上面的所有变量和函数（全局上下文在应用程序退出前才会被销毁，比如关闭网页或退出浏览器）。
执行上下文特点（浏览器中）
1.单线程，在主进程上运行
2.同步执行，从上往下按顺序执行
3.全局上下文只有一个，浏览器关闭时会被弹出栈
4.函数的执行上下文没有数目限制
5.函数每被调用一次，都会产生一个新的执行上下文环境
执行上下文生命周期
执行上下文分为三种：全局上下文、函数上下文和Eval 函数执行上下文。
全局上下文
全局上下文是最外层的上下文，在浏览器中全局上下文 是window对象。使用var创建的变量和函数都都会成为 window 对象的属性和方法。所以我们通过var创建的变量和函数都能window上访问到。
var a = 1
var b = function(){
console.log(a)
}
console.dir(window)//Window {parent: Window, postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, …}
//a:1 b:f()
但是使用let和const的顶级声明不会定义在全局上下文中，但在作用域链解析上效果是一样的。
函数上下文
函数执行上下文可存在无数个，每当一个函数被调用时都会创建一个函数上下文；需要注意的是，同一个函数被多次调用，都会创建一个新的上下文。
在浏览器中，是使用静态作用域而不是动态作用域。函数的this在函数定义的时候就被绑定了，但是这种绑定是可以修改的，具体请了解一下this绑定的优先级。所以，我认为箭头函数的上下文可以用this来进行判断，找到上下文对象知道变量绑定在哪，就可以找到相应的执行上下文。
Eval 函数执行上下文：指的是运行在 **eval** 函数中的代码，很少用而且不建议使用
