执行上下文和执行栈

简介: 执行上下文和执行栈

什么是执行上下文?


个人理解:当前JavaScript代码解析和执行时候的环境就是执行上下文


执行上下文共有三种类型:


全局执行上下文:只有一个,JavaScript代码载入的时候就会进入这个环境,然后创建浏览器中的全局对象(window),全局上下文的this指向window


函数执行上下文:有很多个,每个函数被调用的时候都会创建一个该函数的执行上下文


Eval执行上下文:Eval函数运行时的上下文


因为Eval函数存在性能及安全问题,所以一般不建议使用,本文主要讨论全局执行上下文及函数执行上下文


执行上下文的创建分为两个阶段:


1. 创建阶段


2. 执行阶段


创建阶段:确定this及作用域链,声明函数并初始化,声明变量并赋予默认值undefined,创建arguments对象


执行阶段:变量赋值并执行其它代码


注:上述创建阶段变量声明指var声明的变量,所以可以在变量声明前访问该变量(undefined),


如果是let或者const声明的变量,只有执行了let活const代码后该变量才可以访问,这是因为:


let或const声明的变量,不存在变量提升。而且要求必须 等let声明语句执行完之后,变量才能使用,不然会报Uncaught ReferenceError错误。ES6 明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。总之,在代码块内,使用let或const命令声明变量之前,该变量都是不可用的。


看木易杨的文章讲创建阶段还会分为


1. 确定this,也被称为This Binding


2. 词法环境组件创建


3. 变量环境组件创建


对这一块的理解还不够,故本文不做拓展,有兴趣的朋友可以查看原文链接:


github.com/yygmind/blo…或自行查阅相关资料。


什么是执行栈?


个人理解:执行栈就是一个存储JavaScript代码执行上下文的栈,既然是栈,所以具有 LIFO(后进先出)结构,也就是JavaScript代码载入的时候,全局执行上下文入栈,然后执行函数时对应的函数执行山下文入栈,函数执行结束,该函数执行上下文出栈,最后页面关闭的时候,全局执行上下文出栈。例如下代码:

function foo(){
  function bar(){
    console.log('bar');
  };
  bar();
}
foo();
复制代码


首先全局上下文入栈



foo执行上下文入栈



bar执行上下文入栈



然后就是bar执行完毕,bar执行上下文出栈,foo执行上下文出栈,页面关闭,全局执行上下文出栈。


理解了执行栈,我们来看一个小例子:


function printN1(n){
  for(let i = 1;i<=n;i++){
    console.log(i);
  }
}
printN1(10);
function printN2(n){
  if(n){
    console.log(n);
    n -= 1;
    printN2(n);
  }
}
printN2(10);
复制代码


上面两个代码,都是打印<=n的正整数,如果忽略打印顺序的问题,哪一种实现更好呢,或者说差的那一种有什么问题呢?如果n比较小的时候你没有感觉到什么差异,那把n改为10000呢?


如果有错误或者不严谨的地方,请给予指正,十分感谢!

相关文章
|
1月前
|
C语言
【数据结构】栈和队列(c语言实现)(附源码)
本文介绍了栈和队列两种数据结构。栈是一种只能在一端进行插入和删除操作的线性表,遵循“先进后出”原则;队列则在一端插入、另一端删除,遵循“先进先出”原则。文章详细讲解了栈和队列的结构定义、方法声明及实现,并提供了完整的代码示例。栈和队列在实际应用中非常广泛,如二叉树的层序遍历和快速排序的非递归实现等。
201 9
|
1月前
|
存储 算法
非递归实现后序遍历时,如何避免栈溢出?
后序遍历的递归实现和非递归实现各有优缺点,在实际应用中需要根据具体的问题需求、二叉树的特点以及性能和空间的限制等因素来选择合适的实现方式。
32 1
|
26天前
|
存储 缓存 算法
在C语言中,数据结构是构建高效程序的基石。本文探讨了数组、链表、栈、队列、树和图等常见数据结构的特点、应用及实现方式
在C语言中,数据结构是构建高效程序的基石。本文探讨了数组、链表、栈、队列、树和图等常见数据结构的特点、应用及实现方式,强调了合理选择数据结构的重要性,并通过案例分析展示了其在实际项目中的应用,旨在帮助读者提升编程能力。
51 5
|
1月前
|
存储 算法 Java
数据结构的栈
栈作为一种简单而高效的数据结构,在计算机科学和软件开发中有着广泛的应用。通过合理地使用栈,可以有效地解决许多与数据存储和操作相关的问题。
|
1月前
|
存储 JavaScript 前端开发
执行上下文和执行栈
执行上下文是JavaScript运行代码时的环境,每个执行上下文都有自己的变量对象、作用域链和this值。执行栈用于管理函数调用,每当调用一个函数,就会在栈中添加一个新的执行上下文。
|
1月前
|
存储
系统调用处理程序在内核栈中保存了哪些上下文信息?
【10月更文挑战第29天】系统调用处理程序在内核栈中保存的这些上下文信息对于保证系统调用的正确执行和用户程序的正常恢复至关重要。通过准确地保存和恢复这些信息,操作系统能够实现用户模式和内核模式之间的无缝切换,为用户程序提供稳定、可靠的系统服务。
51 4
|
2月前
|
算法 程序员 索引
数据结构与算法学习七:栈、数组模拟栈、单链表模拟栈、栈应用实例 实现 综合计算器
栈的基本概念、应用场景以及如何使用数组和单链表模拟栈,并展示了如何利用栈和中缀表达式实现一个综合计算器。
48 1
数据结构与算法学习七:栈、数组模拟栈、单链表模拟栈、栈应用实例 实现 综合计算器
|
1月前
|
算法 安全 NoSQL
2024重生之回溯数据结构与算法系列学习之栈和队列精题汇总(10)【无论是王道考研人还是IKUN都能包会的;不然别给我家鸽鸽丢脸好嘛?】
数据结构王道第3章之IKUN和I原达人之数据结构与算法系列学习栈与队列精题详解、数据结构、C++、排序算法、java、动态规划你个小黑子;这都学不会;能不能不要给我家鸽鸽丢脸啊~除了会黑我家鸽鸽还会干嘛?!!!
|
1月前
|
算法
数据结构之购物车系统(链表和栈)
本文介绍了基于链表和栈的购物车系统的设计与实现。该系统通过命令行界面提供商品管理、购物车查看、结算等功能,支持用户便捷地管理购物清单。核心代码定义了商品、购物车商品节点和购物车的数据结构,并实现了添加、删除商品、查看购物车内容及结算等操作。算法分析显示,系统在处理小规模购物车时表现良好,但在大规模购物车操作下可能存在性能瓶颈。
49 0
|
2月前
初步认识栈和队列
初步认识栈和队列
65 10