执行上下文栈和词法环境

碧海蓝天·

于 2023-10-01 07:44:28 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/debug_bug142/article/details/133453678

JavaScript 专栏收录该内容

306 篇文章 ¥59.90 ¥99.00

订阅专栏

执行上下文栈和词法环境是 JavaScript 中重要的概念，它们在代码执行过程中起到关键作用。本文将详细介绍执行上下文栈和词法环境，并提供相应的源代码示例。

执行上下文栈（Execution Context Stack）

执行上下文栈是一个存储执行上下文的数据结构，用于管理代码执行过程中的上下文环境。每当 JavaScript 引擎执行一个函数时，就会创建一个执行上下文，并将其推入执行上下文栈的顶部。当函数执行结束后，对应的执行上下文会从栈中弹出。

执行上下文栈遵循后进先出（LIFO）的原则，也就是最后进入栈的执行上下文会最先被弹出。这是因为函数执行时可能会嵌套调用其他函数，所以内部函数的执行上下文会在外部函数的执行上下文之上。

让我们看一个示例代码，演示执行上下文栈的行为：

function foo() {
   
   
  var bar = 'Hello, World!'

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

碧海蓝天·

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

前端开发_JavaScript_算法_框架_面试准备_手写代码_核心知识点_值类型_引用类型_浅拷贝_深拷贝_this绑定_执行上下文_执行栈_词法环境_闭包_原型_原型链_事件循.zip

07-24

执行栈是执行上下文的组织方式，它是一个记录函数调用顺序的栈结构。每当一个函数被调用，一个新的执行上下文就会被创建并推入执行栈中。当函数执行完成，其对应的执行上下文会被弹出栈外。理解执行栈的运作机制对于...

一篇文章弄懂javascript中的执行栈与执行上下文

10-16

在学习JavaScript的过程中，理解和掌握执行栈与执行上下文是相当重要的，因为它们是理解JS运行机制的核心。执行栈是JavaScript引擎用来追踪函数调用的一种数据结构，而执行上下文则是JS代码执行的环境。下面将详细...

参与评论您还未登录，请先登录后发表或查看评论

JS词法环境和执行上下文

hellocoder2029的博客

10-21

573

JavaScript是一门解释性动态语言，但同时它也是一门充满神秘感的语言。如果要成为一名优秀的JS开发者，那么对JavaScript程序的内部执行原理要有所了解。本文以最新的ECMA规范中的第八章节为基础，理清JavaScript的词法环境和执行上下文的相关内容。这是理解JavaScript其他概念（let/const暂时性死区、变量提升、闭包等）的基础。本文参考的是最新发布的第十代ECMA-262标准，即ES2019。

执行上下文与词法环境

androidioskl的博客

07-24

496

可以理解为当前代码的运行环境，同一个函数在不同环境中运行，会因为访问的数据不同导致产生不一样的结果，你可以抽象为一个执行代码的地方或者是抽象为内部对象用来描述代码的执行时环境，包含代码执行时的信息，该环境由js引擎构建。也叫执行上下文栈，是一种LIFO的数据结构(后进先出)，用于存储执行上下文，用于追踪执行环境的执行。js引擎首次遇到时，会创建全局上下文并压入栈顶，然后每次执行函数都会创建新的上下文压入栈中，执行完后，执行上下文从栈顶弹出。以下有三个上下文。.........

深入理解JavaScript执行上下文和词法环境

qq_41884544的博客

04-03

469

一、执行上下文与词法环境 1. 什么是执行上下文 执行上下文是评估和执行 JavaScript 代码的环境的抽象概念。 2. 执行上下文的类型全局执行上下文 任何不在函数内部的代码都在全局上下文中。它会执行两件事：创建一个全局的 window 对象（浏览器的情况下），并且设置 this 的值等于这个全局对象。一个程序中只会有一个全局执行上下文。函数执行上下文 每当一个函数被调用的时候，都会为该函数创建一个函数执行上下文。函数上下文可以由任意多个。每当一个新的执行上下文被创建，它会按定义的顺序（将在

也来谈谈JS的执行上下文与词法环境

辰辰沉沉大辰沉

02-16

1456

JS 的执行上下文(execution context)和词法环境(Lexical environment)是很多前端er时不时听到，却不曾深入了解的知识点。似乎只具理论意义，也不会影响我们日常编程。事实上，**词法环境的原理与我们常常用到的很多知识点息息相关，比如变量提升，闭包(closure)，作用域链(scope)，箭头函数的原理等等**。这些看似散乱甚至很多同学需要背诵的知识点，其实根本上都是JS词法规则的外化与延伸。

我对“词法环境”“执行上下文”的理解

Haoming

09-23

2468

execution context，lexical environment左边的这两个单字出自ECMA标准用于规范语言实现，也就是回答“代码是怎样被执行的？”。我没有耐心仔细的研读规范，如果日后我有了耐心研读了规范，并且写了更多的代码，看了更多的书，我的认识可能会改变。但是现在我还是想阐述一下我对这两个单词的认识。以下内容在写作时没有外部参考文献，但是内容受到很多文章的启发，更确切的来说有很多是其他

深入理解JavaScript 中的执行上下文和执行栈

10-17

JavaScript 是一种解释型的、基于原型的编程语言，其运行机制是通过执行上下文和执行栈来管理代码的执行过程。执行上下文是JavaScript引擎在处理代码时的一个关键概念，它定义了代码执行的环境，包括变量、函数、...

js 图解变量环境、词法环境、执行上下文，作用域链查找过程

一袋米要扛几楼_

04-17

4140

看到这个标题的时候心里应该是这样的 js代码运行过程编译是把代码拿过来创建执行上下文，并创建变量环境、词法环境、可执行代码，将执行上下文压入执行栈。执行是在当前执行上下文环境下执行可执行代码。变量环境：通过var声明或function(){}声明的变量存在这里词法环境：通过let const with() try-catch创建的变量存在这里可执行代码：变量声明提前后，剩下的...

JavaScript执行上下文之词法环境和块级作用域（三）

feral_coder的博客

05-31

1252

自从ES6更新后，js有三种作用域全局作用域函数作用域块级作用域从执行上下文的角度来看作用域是什么？全局作用域是全局执行上下文，函数作用域与函数执行上下文相关联块级作用域在ES6中被介绍，它不同于以上两种作用域。全局作用域的一个例子最简单的方式理解块级作用域是将它与其他两中作用域比较变量在全局作用域和函数作用域中工作相似，所以在这篇文章我们仅仅讨论全局作用域和块级作用域。在这个例子中，我们仅有一个全局执行上下文和一个全局变量环境。第二个apple覆盖了前一个

Lua非空判断方法[源码]

11-24

本文详细介绍了在Lua中进行非空判断的几种方法，特别是针对table类型的变量。首先，文章指出了直接对nil值进行索引会导致异常的问题，并给出了一个简单的例子来说明如何避免这种情况。接着，文章讨论了如何判断一个table是否为空，指出不能简单地使用`#table == 0`的方式，而是应该使用`next(t) == nil`的方法。此外，文章还提到了`next`指令在LuaJIT中的优化问题，建议在非必要情况下少用。最后，文章简要介绍了如何判断一个字符串是否全部由空格组成，使用了正则匹配的方法。这些内容对于Lua开发者来说非常实用，能够帮助他们避免常见的错误。

JS表格转Excel实现[可运行源码]

11-24

该文章详细介绍了如何使用JavaScript将HTML表格数据导出为Excel文件。内容涵盖了针对不同浏览器的兼容性处理，包括IE和非IE浏览器的不同实现方式。对于IE浏览器，使用ActiveXObject进行导出；对于非IE浏览器，则通过base64编码和数据URI方案实现。文章还提供了完整的代码示例，包括表格数据的处理、格式化和导出功能，支持文本和图片类型的数据导出。

图片转bin文件存储[项目代码]

11-24

本文介绍了在OpenCV项目中如何将大量图片数据转换为二进制（bin）文件进行高效存储和读取的方法。作者在项目中遇到需要处理大量图片数据的问题，尝试了多种格式（如.mat、.txt、.yml）后发现效率较低。通过使用二进制文件存储，显著提升了读写速度。文章详细展示了使用OpenCV将图片写入二进制文件的代码示例，以及从二进制文件读取图片数据的实现方法。虽然该方法需要提前知道图片的尺寸和数量，但读写速度极快，适合处理大量图片数据。作者还提到可以通过换行符或终止符优化读取过程，但未深入探讨。

ROS视觉处理与色彩识别[项目源码]

11-24

本文详细介绍了在ROS环境下进行视觉处理的基础步骤，特别是针对色彩识别的实现方法。内容涵盖了从摄像头驱动的安装与配置（如usb_cam驱动和image_view工具的使用），到创建功能包和编写图像处理节点（包括RGB图像回调函数、HSV色彩空间转换、二值化处理及形态学操作）。此外，还演示了如何在仿真环境中获取图像，并通过OpenCV实现红色和绿色物体的识别与追踪。最后，文章提供了完整的代码示例和编译运行步骤，帮助读者快速上手ROS视觉处理项目。

Anaconda安装与使用指南[项目源码]

11-24

本文详细介绍了在Anaconda环境下安装和使用jupyter及numpy的步骤。首先，指导用户如何安装Anaconda并创建虚拟环境，然后详细说明了如何在虚拟环境中安装jupyter和numpy。接着，文章提供了多个numpy的练习示例，包括创建零向量、矩阵操作、归一化等。此外，还介绍了如何在Jupyter中完成numpy、pandas和matplotlib的例题，涵盖了从基础操作到实际应用的多个方面。最后，文章总结了实验过程中的经验，特别是在使用国内镜像源后下载速度的提升。

【动静障碍物】基于JPS算法（改进A）全局路径规划与DWA动态窗口局部避障的机器人自主导航混合控制算法（Matlab代码实现）

11-24

【动静障碍物】基于JPS算法（改进A）全局路径规划与DWA动态窗口局部避障的机器人自主导航混合控制算法（Matlab代码实现）内容概要：本文介绍了一种结合改进A*算法的JPS（跳跃点搜索）全局路径规划与DWA（动态窗口法）局部避障的混合控制算法，用于机器人在动静态障碍物环境下的自主导航。该算法通过JPS优化全局路径搜索效率，提升路径规划速度，并结合DWA实现实时动态避障，增强了机器人在复杂动态环境中的适应性和安全性。整个系统在Matlab平台上进行了代码实现与仿真验证，展示了良好的路径规划效果与避障性能。; 适合人群：具备一定机器人学、自动控制或路径规划基础知识的研究生、科研人员及从事智能机器人开发的工程技术人员。; 使用场景及目标：①应用于移动机器人在静态与动态障碍共存环境中的自主导航任务；②为研究高效全局规划与实时局部避障的融合策略提供技术参考与实现案例；③支持Matlab仿真环境下的算法验证与优化。; 阅读建议：建议读者结合Matlab代码深入理解JPS与DWA的集成逻辑，重点关注算法在路径最优性、计算效率与避障实时性之间的平衡设计，可进一步扩展至多机器人系统或复杂地形场景的应用研究。

Lua中loadstring应用[源码]

最新发布

11-24

本文介绍了在Lua编程中使用loadstring函数解析字符串公式的方法，特别是在游戏开发中的应用。通过示例代码展示了如何解析包含动态变量的字符串，如属性键、操作符和技能等级等，并动态计算其值。文章详细说明了如何利用loadstring将字符串转换为可执行的Lua代码，并处理复杂的公式解析，如计算buff持续时间和属性加成。这对于需要动态处理游戏内文本和公式的开发者具有实用价值。

VINS-Fusion部署流程[项目源码]

11-24

本文详细介绍了VINS-Fusion的部署及启动流程。首先，系统需要安装Ubuntu16.04以上版本并配置ROS环境，同时安装OpenCV、Glog、Ceres等依赖库。其次，编译功能包并进行多线程编译。启动阶段需获取IMU数据和图像信息，通过模拟器启动VINS-Fusion并查看Rviz可视化效果。标定部分包括相机内参和外参的配置，以及回环检测的优化。最后，文章简要提及实机启动的步骤，包括飞控和相机驱动的安装，以及通过脚本启动VINS-Fusion的流程。

Lua table.concat函数详解[项目源码]

11-24

本文详细介绍了Lua中的table.concat函数，该函数用于连接表中数组部分的元素，并可通过参数指定分隔符、起始和结束位置。文章通过多个示例展示了不同参数组合下的函数行为，包括默认参数的使用、自定义分隔符、指定连接范围等。此外，文章还解释了为何table.concat比for循环更高效，特别是在处理大量字符串连接时，table.concat经过优化，能显著减少时间消耗。最后，文章强调table.concat不会改变原始表的结构，为开发者提供了安全的使用保障。

js执行上下文和执行栈是什么

02-15

### JavaScript 执行上下文和执行栈工作机制 #### 创建与初始化过程当一段JavaScript代码被执行时，首先会创建相应的执行上下文。这个过程并非简单地按行解释代码，而是先完成一系列预处理操作[^1]。对于每一种类型的执行上下文——无论是全局还是函数级别的——都会经历三个主要阶段： - **进入上下文**：准备必要的数据结构来支持即将发生的计算活动； - **实际执行**：按照既定逻辑逐步评估表达式并执行语句； - **退出上下文**：清理资源并将控制权交还给调用者或结束程序运行；这些上下文构成了所谓的“执行上下文栈”，每当一个新的函数被调用时，就会为其分配新的执行上下文，并将其推入到该栈顶部[^2]。 #### 上下文的具体构成要素每一个执行上下文都包含了几个核心组成部分： - **变量对象（Variable Object, VO）/词法环境（Lexical Environment）** 存储着所有声明过的变量、参数以及内部定义的对象等信息，在不同的环境中表现形式有所差异。例如，在全局环境下表现为`window`对象中的属性集合；而在函数内则可能是一个独立的作用域链节点[^3]。 - **作用域链** 定义了如何查找自由变量的过程路径，即从最内层开始向外层层遍历直至找到目标名称为止。这种机制确保即使是在嵌套很深的情况下也能正确访问外部定义的名字空间成员[^4]。 - **this指针** 表明当前正在执行的代码片段所属实例的身份标识符，其具体指向取决于方法调用的方式及其所在的上下文条件[^5]。 ```javascript function firstFunction() { console.log('First Function Start'); function innerFunc(){ console.log('Inner Func Called'); } innerFunc(); console.log('First Function End'); // 此处对应于firstFunction执行上下文位于栈顶的状态 } // 调用firstFunction() firstFunction(); console.log('Global Context After Call'); ``` 上述代码展示了典型的执行流程变化情况。随着`firstFunction()`的启动，一个新的局部执行上下文建立起来并成为最新激活的那个实体；而一旦到达结尾，则自动弹出返回至上一层级继续后续指令序列的解读工作。