解释 JavaScript 的执行上下文和堆栈

最新推荐文章于 2023-01-12 10:14:33 发布
最新推荐文章于 2023-01-12 10:14:33 发布
阅读量196 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端知识加深 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/126048241
本文详细解析了JavaScript中的执行上下文和调用堆栈。执行上下文分为全局执行上下文、函数执行上下文以及较少用的eval执行上下文。调用堆栈是一个LIFO数据结构，跟踪代码执行过程中的执行上下文。执行上下文的创建分为创建阶段和执行阶段，词法环境在创建阶段起关键作用，包括词法环境和变量环境。在执行阶段，变量被赋值。提升现象源于创建阶段的行为。了解这些概念有助于深入理解JS的运行机制。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

随着 Javascript (JS) 语言的每一种新的抽象，可以是库或框架的形式，编写 JS 变得比命令式更具声明性。这是一件好事；事情变得更快更容易。作为 JS 开发人员，您应该了解 JS 在后台是如何工作的。

什么是执行上下文？

想象一下，每当您编写 JS 代码时，您的代码就被放置在一个盒子中。该框是执行上下文，由 JS 为代码评估和执行创建的概念环境。

JS 中有三种类型的执行上下文。

  1. 全局执行上下文 (GEC)：这是主要或基本执行上下文。它是 JS 中执行上下文的最高抽象级别。它有两个主要功能：（1）创建一个全
了解本专栏 订阅专栏 解锁全文
汉字--拼音--网页汉字转拼音--包教包会
liuhao9999的博客
09-07 1万+
"疮": "chuāng","窗": "chuāng","幢": "zhuàng","床": "chuáng","闯": "chuǎng","创": "chuàng","霜": "shuāng","双": "shuāng","桩": "zhuāng","庄": "zhuāng","装": "zhuāng","妆": "zhuāng","撞": "zhuàng","壮": "zhuàng","状": "zhuàng","昌": "chāng","猖": "chāng","场": "chǎng",
精读Javascript系列（二）环境记录与词法环境
krfwill的博客
05-17 1688
前言 关于变量，在Javascript核心知识体系中，占比不重，即使有些迷惑行为，也认为Javascript本应就如此，就因为下意识的草率，导致这些小问题成了日后进阶的壁障。 这里就先从两个极为经典的问题开始吧。 变量提升和暂存死区 先来两个示例： 其一：变量提升 console.log(typeof number); // undefined var number = 1000; console.log(number); // 1000 应用中，var声明的变量能够提前使用虽然只是und
理解JavaScript 之执行上下文和执行栈
weixin_41293999的博客
04-25 243
执行上下文 简而言之,执行上下文就是评估和执行JavaScript代码的环境的抽象概念. 执行上下文类型 全局执行上下文 默认或者说基础的上下文，任何不在函数内部的代码都在全局上下文中。 它会执行两件事： 创建一个全局的window对象（浏览器下） 设置this的值等于这个全局对象 一个程序只有一个全局执行上下文。 函数执行上下文 每当一个函数被调用时，都会为该函数创建一个新的执行上...
深入 JavaScript 中的执行上下文和执行栈
我是程序员海军, 全栈开发 | AI爱好者 ｜ 独立开发。
10-24 366
作用域 作用域是指程序源代码中定义变量的区域。 作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。 JavaScript 采用的是词法作用域 , 也就是 静态作用域。 静态作用域： 函数的作用域在函数定义的时候就决定了 动态作用域： 函数的作用域是在函数调用的时候才决定的 var str = '前端自学社区' function getValue(){ console.log(str) } function getNewValue(){ var str = '海军' .
JS 执行上下文与执行上下文栈
05-18 508
当代码在JS中运行时，执行代码的环境非常重要，并将概括为以下几点： 全局代码——第一次执行代码的默认环境。 函数代码——当执行流进入函数体时。 (…) —— 我们当作执行上下文，是当前代码执行的一个环境与范围。 换句话说，当我们启动程序时，我们从全局执行上下文中开始。一些变量是在全局执行上下文中声明的。我们称之为全局变量。当一个程序调用函数时，会发生什么？ 以下几个步骤： js创建一个新的执行上下文，我们叫做本地执行上下文 这个本地执行上下文将有它自己的一组变量，这些变量将是这个执行上下文的本地变量。.
执行上下文和执行上下文堆栈
rsylqc的专栏
03-12 709
因为想弄透闭包，所以想研究研究作用域链的，但是这两天在查资料的过程中发现原来作用域链的背后还有更需要深入了解的知识，就是本文要记的知识点：执行上下文和执行上下文堆栈。理解了这个就更更方便理解作用域链以及之后的闭包啦。（刚开始看的时候，有点晕菜的感觉，写的不好或有误的地方，还请指出）。一、执行上下文（execution context） 定义很简单 在文章ECMA-262-3 in detail.
简单了解JavaScript中的执行上下文和堆栈
10-16
执行上下文堆栈（Execution Context Stack），又称为调用堆栈，是JavaScript引擎管理执行上下文的方式。由于JavaScript是单线程的，这意味着同一时间只能执行一个任务。当遇到函数调用时，新的执行上下文被创建并压...
深入理解JavaScript执行上下文、函数堆栈、提升的概念.pdf
06-14
总结来说，JavaScript 执行上下文、函数堆栈和提升的概念是理解 JavaScript 引擎如何处理和执行代码的基础。通过学习这些概念，我们可以更好地理解函数是如何在调用堆栈中运行的，变量和函数是如何被处理的，以及...
对于Javascript 执行上下文的全面了解
10-19
执行上下文是JavaScript语言中一个非常核心的概念，它是当前JavaScript代码被解析和执行时所在环境的抽象概念。理解执行上下文对深入掌握JavaScript的工作机制至关重要。 JavaScript代码运行在三种基本的执行上下...
[译] 理解 JavaScript 中的执行上下文和执行栈
BASK2311的博客
01-12 111
简而言之，执行上下文是评估和执行 JavaScript 代码的环境的抽象概念。每当 Javascript 代码在运行的时候，它都是在执行上下文中运行。执行上下文的类型JavaScript 中有三种执行上下文类型。全局执行上下文— 这是默认或者说基础的上下文，任何不在函数内部的代码都在全局上下文中。它会执行两件事：创建一个全局的 window 对象（浏览器的情况下），并且设置this的值等于这个全局对象。一个程序中只会有一个全局执行上下文。函数执行上下文。
js 执行上下文和执行栈
sstraybird的专栏
10-16 159
js 执行上下文和执行栈
什么是JavaScript中的执行上下文和堆栈？
MK.Gao Blog
05-23 827
在这篇文章中，我将深入分析JavaScript中最基本的部分之一Execution Context。 在这篇文章的最后，你应该更清楚地了解解释器试图做什么，为什么一些函数/变量可以在声明之前使用，以及它们的值如何确定。什么是执行上下文？当代码在JavaScript中运行时，执行它的环境非常重要，并评估为以下一项：全局代码 - 第一次执行代码的默认环境。功能代码 - 只要执行流程进入功能体。评估代码...
【Javascript】图解JS中执行上下文与执行栈
发果叁
10-17 545
今天我们更深入地讲述了类型转换的诸多细节，除了这一讲的简单题解之外，对于“+”号运算也做了一些补充。总地来讲，我们是在讨论 JavaScript 语言所谓“动态类型”的部分，但是动态类型并不仅限于此。也就是说 JavaScript 中并不仅仅是“类型转换”表现出来动态类型的特性。最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
深入理解JavaScript——执行上下文与调用栈
小陈的博客
11-16 952
在说一个概念前，我们需要确定它的前提，此文以 ECMAScript5 为基础撰写执行上下文可以理解为函数的执行环境，当函数执行时，都会创建一个执行环境每次只能有一个执行上下文处于运行状态，因为 JavaScript 是单线程语言，它由执行栈或（叫）调用栈来管理创建一个函数，就生成了一个作用域；调用一个函数，就生成一个作用域链执行上下文创建阶段分为绑定 this，创建词法环境，变量环境三步调用函数时，创建一个新的词法环境。
理解Javascript中的执行上下文和执行栈
前端小渣
02-18 720
前言 本文3356字，阅读大约需要9分钟。 总括: 本文深入的讲解了Javascript中的执行上下文和执行栈。 原文地址：Understanding Execution Context and Execution Stack in Javascript 公众号：「前端进阶学习」，回复「666」，获取一揽子前端技术书籍 流水在碰到底处时才会释放活力。 正文 如果你是或者想成为一名Java...
今日头条极速版自动寻找-阅读惊喜奖励
liuhao9999的博客
07-16 8774
auto.waitFor(); function wenzhang(){ var tuijian=text("推荐").findOnce(); if(!!tuijian){ var bz=textContains("阅读惊喜奖励").findOnce(); if(!!bz){ click(bz.bounds().centerX(), bz.bounds().centerY()); sleep(2000) var zai=textContains("看视频再领").fin.
如何检查对象中是否存在某个属性？
liuhao9999的博客
03-22 8646
检查对象中是否存在属性有三种方法。 第一种使用in操作符号： consto={ "prop":"bwahahah", "prop2":"hweasa" }; console.log("prop"ino);//true console.log("prop1"ino);//false 第二种使用hasOwnProperty方法，hasOwnProperty()方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。 ......
使用 AVIF 压缩您网站上的图像节省了50%以上
liuhao9999的博客
08-12 7575
图像加载对用户体验产生负面影响时，例如增加加载时间或从更重要的资源中占用带宽时，我们经常写下图像导致网站膨胀，而Lighthouse等工具会突出显示。解决此问题的一种方法是使用现代压缩来减小图像的文件大小，而 Web 开发人员的一个新选项是AVIF 图像格式。这篇博文讨论了 AVIF 开源工具的最新更新，介绍了 libaom 和 libavif 编码库，并包含使用这些库高效编码 AVIF 图像的教程。 AVIF 是一种基于 AV1 视频编解码器的图像格式，并由开放媒体联盟标准化。与其他图像格式（如 JPE
DOM 是什么？
liuhao9999的博客
03-22 7452
DOM代表文档对象模型，是 HTML 和 XML 文档的接口(API)。当浏览器第一次读取(解析)HTML文档时，它会创建一个大对象，一个基于 HTM L文档的非常大的对象，这就是DOM。它是一个从 HTML 文档中建模的树状结构。DOM 用于交互和修改DOM结构或特定元素或节点。 假设我们有这样的 HTML 结构： <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-...
JavaScript执行上下文详解：作用域与堆栈示例
理解执行上下文和堆栈对于编写高效、可维护的JavaScript代码至关重要，因为它们直接影响着变量的作用域、内存管理和错误处理。开发者需要熟知这些概念，以便在处理异步编程、模块化和跨域问题时做出正确的决策。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

紫微前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值