执行上下文的概念

执行上下文：js 代码解析和执行所在的环境

执行上下文的类型：

1.全局执行执行上下文
2.函数执行上下文
3.Eval 执行上下文

执行上下文栈（执行栈 ）ECStack

执行上下文生命周期

变量对象VO和活动对象AO

ES6 提出的词法环境和变量环境：

词法环境LexicalEnvironment，变量环境VariableEnvironment

词法环境保存 let cost，并且初始时为，而 变量环境初始为 undefinded

用以下代码举例：

  1. let a = 20;  
  2. const b = 30;  
  3. var c;
  5. function add(e, f) {  
  6.  var g = 20;  
  7.  function c(){}
  8.  return e + f + g;  
  9. }
  11. c = add(20, 30);

函数预编译时的词法环境和变量环境

  1. GlobalExectionContent = {
  2.   LexicalEnvironment: {
  3.     EnvironmentRecord: {
  4.       Type: "Object",
  5.       a: <uninitialied>,
  6.       b: <uninitialied>,
  7.       add: <func>
  8.       // 剩余标识符
  9.     },
  10.     Outer: null,
  11.   },
  13.   VariableEnvironment: {
  14.     EnvironmentRecord: {
  15.       Type: "Object",
  16.       c: undefined,
  17.       // 剩余标识符
  18.     },
  19.     Outer: null,
  20.   }
  21. }
  23. FunctionExectionContent = {
  24.   LexicalEnvironment: {
  25.     EnvironmentRecord: {
  26.       Type: "Declarative",
  27.       arguments: {
  28.         0: 20,
  29.         1: 30,
  30.         length: 2,
  31.       },
  32.       e: 20,
  33.       f: 30,
  34.       c: reference to function c(){}
  35.       // 剩余标识符
  36.     },
  37.     Outer: GlobalLexicalEnvironment,
  38.   },
  39.   VariableEnvironment: {
  40.     EnvironmentRecord: {
  41.       Type: "Declarative",
  42.       g: undefined,
  43.       // 剩余标识符
  44.     },
  45.     Outer: GlobalLexicalEnvironment,
  46.   }
  47. }