一篇文章弄懂执行上下文

何为执行上下文

执行上下文简单的来说就是代码执行的环境，记录当前代码执行的时候环境信息，包含变量作用域，来让代码可以正常的执行。
对于执行上下文来说，我们首先要明白，js引擎是如何解析js代码。引文js引擎都是单线程而且顺序执行js代码，内部维护了一个执行上下文栈，这个栈记录了当前执行上下文的情况。一开始运行的时候，会生成一个全局的执行上下文，push进栈。
全局上下文
创建全局上下文的一共包含三个部分，

1. 确定this的值
   全局的执行上下文this是指向windows的
2. 词法环境
   环境记录 ：变量和函数的声明
   外部环境的引用
   在全局上下文就是全局环境
3. 变量环境
   类似于词法环境，其实区别只是es6中词法环境存储let和const声明的变量，而变量环境存储var声明的变量

GEC={         //全局执行上下文
LE:{          //词法环境
ER:{
tyep:'object',
outer:null
}
}

变量提升
创建阶段，var变量会声明为undifined，而let，const变量未初始化

函数上下文
遇到函数调用的时候，则会创建函数上下文，push进执行上下文栈。
创建函数上下文还是包含三个方面

1. this的值的确定
   函数的this的值的确定，会根据不同的类型的函数和情况，
   this的绑定规则一共五种：
   1.默认绑定
   2.隐式绑定
   3.显示绑定
   call apply bind
   4.箭头函数
   5.new绑定

2. 函数上下文，用活动对象来表示变量对象

执行上下文的执行分为两阶段
1.进入执行上下文
对于函数上下文来说，会初始化所有的函数的形参，函数声明和变量声明

function foo(a) {
  var b = 2;
  function c() {}
  var d = function() {};

  b = 3;
}

foo(1);

AO = {
    arguments: {
        0: 1,
        length: 1
    },
    a: 1,
    b: undefined,
    c: reference to function c(){},
    d: undefined
}

2.执行

AO = {
    arguments: {
        0: 1,
        length: 1
    },
    a: 1,
    b: 3,
    c: reference to function c(){},
    d: reference to FunctionExpression "d"
}