Javascript执行上下文顺序

一 执行上下文?

1什么是执行上下文?

执行上下文就是当前的 JavaScript 代码被解析和执行时所在环境的抽象概念， JavaScript 中运行任何的代码都是在执行上下文中运行的.

2 执行上下文的类型

执行上下文分为三种类型:
全局执行上下文:只有一个,这是默认的,也是基础的执行上下文.(不在任何函数中的代码都是全局执行上下文)他有两个作用,一个是创建了全局变量,也就是指向window下的变量,另一个是将this的指向全局.
函数执行上下文:有无数个,每个函数都拥有自己的执行上下文，但是只有在函数被调用的时候才会被创建,每次调用时,都会为该函数创建一个新的执行上下文…
Eval 函数执行上下文： 指的是运行在 eval 函数中的代码，很少用而且不建议使用。

二 执行上下文的生命周期

1.创建阶段

执行上下文的生命周期有三个阶段:创建阶段–执行阶段—回收阶段(主要说创建阶段)
当函数被调用，但没有执行任何其内部代码之前，会先确定这三个步骤:

1) 创建变量对象：首先初始化函数的参数 arguments，提升函数声明和变量声明
2) 创建作用域链：在执行期上下文的创建阶段，作用域链是在变量对象之后创建的.作用域链本身包含变量对象。
作用域链用于解析变量。当被要求解析变量时，JavaScript 始终从代码嵌套的最内层开始，如果最内层没有
找到变量，就会跳转到上一层父作用域中查找，直到找到该变量。
3) 确定 this 指向：有多种情况. 

2. 执行阶段

执行变量赋值、代码执行

3. 回收阶段

执行上下文出栈等待虚拟机回收执行上下文

三. 变量提升和this的指向

1.变量声明提升:

大部分编程语言都是先声明变量再使用，但在 JS 中，事情有些不一样：

console.log(a); // undefined
var a = 10;

上述代码正常输出undefined而不是报错Uncaught ReferenceError: a is not defined,这是因为声明提升.
相当于:

var a; //声明 默认值是undefined “准备工作”
console.log(a);
a = 10; //赋值

2. 函数声明提升

创建函数的方法有两种，一种是通过函数声明function aa(){}
另一种是通过函数表达式var aa = function(){} ,那这两种在函数提升有什么区别呢？

console.log(f1); // function f1(){
   }
function f1() {
   } // 函数声明
console.log(f2); // undefined
var f2 = function() {
   }; // 函数表达式

接下来我们通过一个例