执行上下文和执行栈

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

什么是执行上下文?


个人理解:当前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呢?


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

相关文章
|
3天前
|
算法 安全 测试技术
golang 栈数据结构的实现和应用
本文详细介绍了“栈”这一数据结构的特点,并用Golang实现栈。栈是一种FILO(First In Last Out,即先进后出或后进先出)的数据结构。文章展示了如何用slice和链表来实现栈,并通过golang benchmark测试了二者的性能差异。此外,还提供了几个使用栈结构解决的实际算法问题示例,如有效的括号匹配等。
golang 栈数据结构的实现和应用
01_设计一个有getMin功能的栈
01_设计一个有getMin功能的栈
|
4天前
|
前端开发
07_用队列实现栈
07_用队列实现栈
06_用栈来求解汉诺塔问题
06_用栈来求解汉诺塔问题
05_用一个栈实现另一个栈的排序
05_用一个栈实现另一个栈的排序
03_如何仅用递归函数和栈操作逆序一个栈
03_如何仅用递归函数和栈操作逆序一个栈
|
4天前
|
测试技术
02_由两个栈组成的队列
02_由两个栈组成的队列
|
7天前
|
存储
|
22天前
|
存储 人工智能 C语言
数据结构基础详解(C语言): 栈的括号匹配(实战)与栈的表达式求值&&特殊矩阵的压缩存储
本文首先介绍了栈的应用之一——括号匹配,利用栈的特性实现左右括号的匹配检测。接着详细描述了南京理工大学的一道编程题,要求判断输入字符串中的括号是否正确匹配,并给出了完整的代码示例。此外,还探讨了栈在表达式求值中的应用,包括中缀、后缀和前缀表达式的转换与计算方法。最后,文章介绍了矩阵的压缩存储技术,涵盖对称矩阵、三角矩阵及稀疏矩阵的不同压缩存储策略,提高存储效率。
|
24天前
|
存储 C语言
数据结构基础详解(C语言): 栈与队列的详解附完整代码
栈是一种仅允许在一端进行插入和删除操作的线性表,常用于解决括号匹配、函数调用等问题。栈分为顺序栈和链栈,顺序栈使用数组存储,链栈基于单链表实现。栈的主要操作包括初始化、销毁、入栈、出栈等。栈的应用广泛,如表达式求值、递归等场景。栈的顺序存储结构由数组和栈顶指针构成,链栈则基于单链表的头插法实现。
147 3