执行上下文栈与执行上下文
前言: js引擎执行代码是一段一段分析执行的,不是一行一行执行的,当一段代码解析完毕后,会进行一个准备工作
准备工作: 变量提升,函数提升
- 那么 段 是如何划分的?准备工作又是什么时候进行的呢?
- 我们js的可执行代码分三种,全局代码、函数代码、eval代码这里我主要只了解前面两种。
- 当执行到一个函数的时候,就会进行准备工作,这里的准备工作专业术语就叫执行上下文也可以叫执行上下文对象因为执行上下文里有三个属性this,作用域链(scope),变量对象(GO和AO)。
- 我们说的一段就相当于一个全局执行上下文GO或者函数执行上下文(AO)
- 我们编写的函数很多,怎么管理创建的那么多执行上下文呢?
- js引擎为我们创建了执行上下文栈来管理执行上下文缩写ECStack。我们一般把执行上下文栈看作是一个数组,里面放着执行代码所创建的执行上下文。
- 当执行一个函数的时候,就会创建一个执行上下文,并且添加执行上下文栈,当函数执行完毕的时候,就会将函数的执行上下文从栈中弹出
模拟js引擎执行代码
function foo3() {
console.log('foo3')
}
function foo2() {
foo3();
}
function foo1() {
foo2();
}
foo1();
- 首先执行上下文栈中最底层肯定是有一层全局执行上下文的
ECStack[globalContext] - 我们执行的是函数foo1,所以要先创建一层foo1的执行上下文
ESCtack[globalContext,foo1] - foo1调用了foo2,再创建一层foo2 的执行上下文
ESCtack[globalContext,foo1,foo2] - foo2还调用了foo3,那再创建一层foo3的执行上下文
ESCtack[globalContext,foo1,foo2,foo3]
foo3执行完毕,没有需要执行的其它函数代码了,开始销毁上下文
- foo3执行完毕,第一个被销毁
ESCtack[globalContext,foo1,foo2] - foo2执行完毕,foo2依次被销毁
ESCtack[globalContext,foo1] - foo1执行完毕 ,foo1被销毁
ECStack[globalContext]
执行上下文栈底层永远有个globalContext,只有浏览器被关闭时,执行上下文栈才会彻底销毁。执行上下文被销毁时,里面的内容也跟着销毁