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

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

前言: js引擎执行代码是一段一段分析执行的,不是一行一行执行的,当一段代码解析完毕后,会进行一个准备工作
准备工作: 变量提升,函数提升

  1. 那么 是如何划分的?准备工作又是什么时候进行的呢?
    • 我们js的可执行代码分三种,全局代码函数代码eval代码这里我主要只了解前面两种。
    • 当执行到一个函数的时候,就会进行准备工作,这里的准备工作专业术语就叫执行上下文也可以叫执行上下文对象因为执行上下文里有三个属性this作用域链(scope)变量对象(GO和AO)
    • 我们说的一段就相当于一个全局执行上下文GO或者函数执行上下文(AO)
  2. 我们编写的函数很多,怎么管理创建的那么多执行上下文呢?
    1. js引擎为我们创建了执行上下文栈来管理执行上下文缩写ECStack。我们一般把执行上下文栈看作是一个数组,里面放着执行代码所创建的执行上下文
    2. 当执行一个函数的时候,就会创建一个执行上下文,并且添加执行上下文栈,当函数执行完毕的时候,就会将函数的执行上下文从栈中弹出
模拟js引擎执行代码
function foo3() {
    console.log('foo3')
}
function foo2() {
    foo3();
}
function foo1() {
    foo2();
}
foo1();
  1. 首先执行上下文栈中最底层肯定是有一层全局执行上下文的
    ECStack[globalContext]
  2. 我们执行的是函数foo1,所以要先创建一层foo1的执行上下文
    ESCtack[globalContext,foo1]
  3. foo1调用了foo2,再创建一层foo2 的执行上下文
    ESCtack[globalContext,foo1,foo2]
  4. foo2还调用了foo3,那再创建一层foo3的执行上下文
    ESCtack[globalContext,foo1,foo2,foo3]

foo3执行完毕,没有需要执行的其它函数代码了,开始销毁上下文

  1. foo3执行完毕,第一个被销毁
    ESCtack[globalContext,foo1,foo2]
  2. foo2执行完毕,foo2依次被销毁
    ESCtack[globalContext,foo1]
  3. foo1执行完毕 ,foo1被销毁
    ECStack[globalContext]

执行上下文栈底层永远有个globalContext,只有浏览器被关闭时,执行上下文栈才会彻底销毁。执行上下文被销毁时,里面的内容也跟着销毁

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值