回顾 JavaScript 执行上下文 和 执行上下文栈

一、变量提升和函数提升

1、变量声明提升
（1）通过var 定义（声明）的变量，在定义语句之前就可以访问到，
（2）值：undefined
2、函数声明提升
（1）通过function 声明的函数，在之前就可以直接调用
（2）值为函数定义（对象）

var a=3
function fn(){
	console.log(a)
	var a=5
}
fn()
//输出结果
undefined

var a=3
function fn(){
	console.log(a)
}
fn()
//输出结果
3

二、执行上下文

1、代码分类（位置）
（1）全局代码
（2）函数代码
2、全局执行上下文
（1）在执行全局代码之前将window 确定为全局执行上下文
（2）对全局数据进行预处理

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

（3）开始执行全局代码
3、函数执行上下文
（1）在调用函数，准备执行函数体之前，创建对应的函数执行上下文对象
（2）对全局数据进行预处理

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

（3）开始执行函数体代码

//全局上下文
console.log(a1,window.a1)
a2()
console.log(this)

var a1 =3;
function a2(){
	console.log('a2()');
}
console.log(a1)

//函数执行上下文
function fn(a1){
	console.log(a1)//2
	console.log(a2)//undefined
	a3()//a3()
	console.log(this) //window
	console.log(arguments)//伪数组（2，3）
	
	var a2=3;//
	function a3(){
		console.log('func()')
	}
}

fn(2,3)

三、执行上下文栈

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

//1、进入全局执行上下文
var a=10  //
var bar = function(x){
	var b=5
	foo(x+b)	//3、进入foo函数执行上下文
}
var foo=function(y){
	var c=5
	console.log(a+c+y)
}
bar(10) //2、进入bar函数执行上下文

1、栈

函数调用形成了一个由若干帧组成的栈。

function foo(b) {
  let a = 10;
  return a + b + 11;
}

function bar(x) {
  let y = 3;
  return foo(x * y);
}

console.log(bar(7)); // 返回 42

当调用 bar 时，第一个帧被创建并压入栈中，帧中包含了 bar 的参数和局部变量。 当 bar 调用 foo 时，第二个帧被创建并被压入栈中，放在第一个帧之上，帧中包含 foo 的参数和局部变量。当 foo 执行完毕然后返回时，第二个帧就被弹出栈（剩下 bar 函数的调用帧 ）。当 bar 也执行完毕然后返回时，第一个帧也被弹出，栈就被清空了。

2、堆

对象被分配在堆中，堆是一个用来表示一大块（通常是非结构化的）内存区域的计算机术语。

3、队列

一个 JavaScript 运行时包含了一个待处理消息的消息队列。每一个消息都关联着一个用以处理这个消息的回调函数。

在 事件循环
期间的某个时刻，运行时会从最先进入队列的消息开始处理队列中的消息。被处理的消息会被移出队列，并作为输入参数来调用与之关联的函数。正如前面所提到的，调用一个函数总是会为其创造一个新的栈帧。

函数的处理会一直进行到执行栈再次为空为止；然后事件循环将会处理队列中的下一个消息（如果还有的话）。