执行上下文与执行上下文栈

执行上下文

代码分类（依据：位置）----全局代码局部代码

全局执行上下文

• 在执行全局代码前将window确定为全局执行上下文
• 对全局数据进行预处理

1. var定义的全局变量==》undefined，添加为window的属性
2. function声明的全局函数==》赋值（fun），添加为window的方法
3. this==》赋值（window）

• 开始执行全局代码

函数执行上下文

• 在调用函数，准备执行函数体之前，创建对应的函数执行上下文对象
• 对局部数据进行预处理

1. 形参变量==》赋值（实参），添加为执行上下的属性
2. arguments==》赋值（实参列表），添加为执行上下的属性
3. var定义的局部变量==》undefined，添加为执行上下的属性
4. function声明的函数==》赋值（fun），添加为执行上下的方法
5. this==》赋值（调用函数的对象）

• 开始执行函数体代码

执行上下文栈

1. 在全局代码执行前，JS引擎会创建一个栈来存储管理所有的执行上下文对象
2. 在全局执行上下文（window）确定后，将其添加为栈中（压栈）
3. 在函数执行上下文创建后，将其添加到栈中（入栈）
4. 在当前函数执行完后，将栈顶的对象移除（出栈）
5. 当所有的代码执行完后，栈中只剩下window

   

   执行上下文栈

   var bar = function(){
       console.log('bar ')
       foo()
   }
   var foo()=function(){
       console.log('foo')
   }
   bar()