24-执行上下文栈（后进先出）

最新推荐文章于 2024-08-09 21:30:00 发布

「已注销」

最新推荐文章于 2024-08-09 21:30:00 发布

阅读量84

点赞数

分类专栏： JavaScript 高级文章标签： javascript

本文链接：https://blog.csdn.net/gty204625782/article/details/120122010

版权

JavaScript 高级专栏收录该内容

33 篇文章 4 订阅

订阅专栏

文章目录

执行上下文栈

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

流程分析

在这里插入图片描述

练习

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>执行上下文栈练习</title>
</head>

<body>
1. 依次输出什么?
  gb: undefined
  fb: 1
  fb: 2
  fb: 3
  fe: 3
  fe: 2
  fe: 1
  ge: 1
2. 整个过程中产生了几个执行上下文?  5

  <script type="text/javascript">
    console.log('gb: ' + i)
    var i = 1
    foo(1)

    function foo(i) {
      if (i == 4) {
        return
      }
      console.log('fb:' + i)
      foo(i + 1) // 递归调用: 在函数内部调用自己
      console.log('fe:' + i)
    }
    console.log('ge: ' + i)
  </script>
</body>

</html>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
24-执行上下文栈（后进先出）

执行上下文栈在全局代码执行前, JS引擎就会创建一个栈来存储管理所有的执行上下文对象在全局执行上下文(window)确定后, 将其添加到栈中(压栈)在函数执行上下文创建后, 将其添加到栈中(压栈)在当前函数执行完后, 将栈顶的对象移除(出栈)当所有的代码执行完后, 栈中只剩下window流程分析...
复制链接

扫一扫

专栏目录