文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么理解JS栈和执行上下文

2024-04-02 19:55

关注

本篇内容主要讲解“怎么理解JS栈和执行上下文”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么理解JS栈和执行上下文”吧!

 栈

栈,存储货物或供旅客住宿的地方,可引申为仓库

数据结构中的栈

栈是一组数据的存放方式,特点是先进后出,后进先出,也有人是通俗的说吃吐原理,最后吃的最新吞出来,看看大概的图示

怎么理解JS栈和执行上下文
怎么理解JS栈和执行上下文

代码小案例

function one() {   function two() {       function three() {           debugger;       }       three();   }   two(); } one();

执行上面的js,debugger可以看到,最新进入的one()-two()-three(),但是执行完后最先出栈的是three()最后是one()

怎么理解JS栈和执行上下文
怎么理解JS栈和执行上下文

内存区域

function task() {     var a = 1;     var b = 2;     var c = {         name: 'zhufeng',         age: 10     } } task();

上面的 案例 a、b是放在stack, object对象c则存放在heap,当然因为js是类型语言中没有一定要区分放在栈堆的概念。

队列

队列是一种操作受限制的线性表

特殊之处在于它只允许在表的前端进行删除操作,而在表的后端进行插入操作

进行插入操作的端称为队尾,进行删除操作的端称为队头

因为队列只允许在一端插入,在另一端删除,所以只有最早进入队列的元素才能最先从队列中删除,故队列又称为先进先出线性表;也有一个通俗的说法:吃拉法则,最先吃的就拉出来

怎么理解JS栈和执行上下文

执行上线文(这节重点)

当函数运行时,会创建一个执行环境,这个执行环境就叫执行上下文(Execution Context)

执行上下文中会创建一个对象叫作变量对象(Value  Object),基础数据类型都保存在变量对象中。这里说明一下,执行上下文中不仅仅有变量对象,还有很多的对象比如:this。

引用数据类型的值保存在堆里,我们通过操作对象的引用地址来操作对象

代码示例

function task(){     var a = 1;     var b = {         name:'zhufei'     }     debugger     var c = [1,2,3]; }

这里大家可以看到,a是值是1直接存在栈中,而b、c是对象所以存的是对应的内存地址

怎么理解JS栈和执行上下文

下面的断点大家也可以清晰的看到,当前的执行上下文,varliable object  存的是当前函数执行使用需要用到的变量,其他的没哟

怎么理解JS栈和执行上下文

数据类型(补一个面试常问的)

JS中有七种基本数据类型

到此,相信大家对“怎么理解JS栈和执行上下文”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯