JS执行上下文

执行上下文 (变量提升和函数提升的原理)

执行上下文分为全局执行上下文和函数执行上下文
在JS执行代码的时候就会进入一个执行上下文，执行上下文可以理解为当前代码的执行环境，它会形成一个作用域。
在一段代码中会形成很多执行上下文，JS为了更好的管理这些上下文，JS会将这些上下文放入一个栈中，这个栈叫函数调用栈，当上下文中的代码被执行完毕，该上下文就会被弹出栈
栈底永远都是全局上下文，而栈顶就是当前正在执行的上下文。

全局执行上下文

• 在执行全局代码之前将window确定为全局执行上下文，将全局执行上下文压入栈
• 对全局数据进行预处理
  • var 定义的全局变量，添加为window属性，未赋值(undefined)
  • function声明的全局函数添加为window的方法
  • 确定this==window
• 开始执行全局代码，执行全局代码过程中遇到调用函数，将形成函数执行上下文，并压入栈顶，执行函数内部代码

函数执行上下文

1. 找到当前上下文中的调用函数的代码

2. 在执行被调用的函数体中的代码以前，开始创建执行上下文，并压入栈顶

3. 进入第一个阶段-建立阶段:

   • 建立variableObject(变量对象)对象:

     1. 建立arguments对象，检查当前上下文中的参数，建立该对象下的属性以及属性值（变量提升）

     2. 检查当前上下文中的函数声明：

        每找到一个函数声明，就在variableObject下面用函数名建立一个属性，属性值就是指向该函数在内存中的地址的一个引用 （函数提升）

        如果上述函数名已经存在于variableObject下，那么对应的属性值会被新的引用所覆盖。

   • 初始化作用域链

   • 确定上下文中this的指向对象

4. 代码执行阶段:

   执行函数体中的代码，一行一行地运行代码，给variableObject中的变量属性赋值。