执行上下文

执行环境又被称为：执行上下文
执行环境定义了变量或者函数有权或无权访问其他数据，决定了各自的行为。

一、执行上下文类型
JavaScript 中有 3 种执行上下文类型。
（1）全局执行上下文：这是默认或者说基础的上下文，任何不在函数内部的代码都在全局上下文中。它会执行两件事：创建一个全局的 window 对象（浏览器的情况下），并且设置 this 的值等于这个全局对象。一个程序中只会有一个全局执行上下文。

var num = 10; // 全局变量
function fun() {} // 全局函数
fun();

当一打开页面，会自动生成window对象，那么全局的变量或者函数都属于window对象的内容，那么window就是全局的。

（2）函数执行上下文：每当一个函数被调用时, 都会为该函数创建一个新的上下文。每个函数都有它自己的执行上下文，不过是在函数被调用时创建的。函数上下文可以有任意多个。每当一个新的执行上下文被创建，它会按定义的顺序执行一系列步骤。

    var num = 10; // 全局执行环境
    function fun() {
      // 函数执行环境
      console.log(num); // 10
    }
    fun(); // 全局执行环境 ---> 全局函数
    console.dir(fun); // Scopes ---> num: 10

补充：回收机制
某个执行环境中的所有代码执行完毕，保存在执行环境中的变量或者函数都会进行销毁（回收）
但是全局执行环境是到关闭浏览器或者当前页面才会被回收

（3）Eval 函数执行上下文：执行在 eval 函数内部的代码也会有它属于自己的执行上下文，但由于 JavaScript 开发者并不经常使用 eval，所以在这里我不会讨论它。

参考一篇文章看懂JS执行上下文: https://www.cnblogs.com/echolun/p/11438363.html

二、执行栈

执行栈，也就是在其它编程语言中所说的 “调用栈”，是一种拥有 LIFO（后进先出）数据结构的栈，被用来存储代码运行时创建的所有执行上下文。

当 JavaScript 引擎第一次遇到你的脚本时，它会创建一个全局的执行上下文并且压入当前执行栈。每当引擎遇到一个函数调用，它会为该函数创建一个新的执行上下文并压入栈的顶部。

引擎会执行那些执行上下文位于栈顶的函数。当该函数执行结束时，执行上下文从栈中弹出，控制流程到达当前栈中的下一个上下文。

 <script>
    function first() {
      console.log('Inside first function'); // 1
      second();
      console.log('Again inside first function'); // 3
    }

    function second() {
      console.log('Inside second fnction'); // 2
    }

    first();
    console.log('Inside Global Execution Context'); // 4

运行结果：
Inside first function
Inside second fnction
Again inside first function
Inside Global Execution Context

三、执行环境的生命周期
（1）创建阶段
生成变量对象
建立作用域链
确定this执行

（2）执行阶段
变量赋值
赋值调用
执行其他代码

（3）销毁（回收）阶段

console.log(num);  // 未报错，而是undefined
var num = 10;

第一次页面加载创建全局执行环境
先到创建阶段 —> 扫描全局的变量以及函数
扫描结果是 num = undefined（先赋值为undefined）
console.log(num); // 未报错，而是undefined
var num = 10; 执行阶段 —> 才会赋值