JavaScript中执行上下文和执行栈

 更新时间:2022年09月20日 09:20:28   作者:北丶故城  
这篇文章主要介绍了JavaScript中执行上下文和执行栈,执行上下文是评估和执行JavaScript代码的环境的抽象概念,更多相关介绍,感兴趣的朋友可以参考一下

执行上下文?

执行上下文是评估和执行JavaScript代码的环境的抽象概念。个人理解:js执行的先后顺序/函数或变量执行的作用域等。

执行上下文的类型

  • 全局执行上下文任何不在函数内部的代码都在全局上下文中。它会执行两件事:创建全局对象Windows(浏览器环境下),设置this的值等于这个全局对象。一个程序中只会有一个全局执行上下文。
  • 函数执行上下文每当一个函数被调用时,都会为该函数创建一个新的上下文,在函数调用时创建
  • Eval函数执行上下文在eval函数内部的代码也会有属于自己的执行上下文

执行栈

  • 也就是编程语言中所说的“调用栈”,是一种LIFO(后进先出)的数据结构栈,被用来存储代码运行时创建的所有执行上下文。
  • JavaScript引擎初次运行脚本时,会创建一个全局执行上下文并且压入当前执行栈。每当引擎遇到一个函数调用,会为该函数创建一个新的执行上下文并压入栈顶部。
  • 引擎会执行上下文位于栈顶的函数。当该函数结束,从栈中弹出,控制流程到达当前栈中的下一个上下文。

创建执行上下文

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

  • 创建阶段
  • 执行阶段

在代码执行前,执行上下文将经历创建阶段,创建阶段会发生三件事。

  • this值的决定,也就是this绑定
  • 创建语法环境组件
  • 创建变量环境组件

this绑定

全局执行上下文中,this指向全局对象。(浏览器中,this指Windows)

函数执行上下文中,this的值取决于该函数是如何被调用的。如果是被一个对象调用,那么this会被设置成那个对象,否则this的值被设置为全局对象、严格模式下(undefined

词法环境

简单来说词法环境就是标识符==>变量映射的结构。标识符:变量/函数的名字。变量:实际对象或原始

词法环境又分为

  • 环境记录器:存储变量和函数声明的实际位置
  • 外部环境的引用:它可以访问父级词法环境(作用域)

词法环境两种类型

  • 全局环境(在全局环境执行上下文)是没有外部引用的,全局环境的外部环境引用为null。全局环境拥有内建的object/array、Windows等,还有任何用户定义的全局变量,this指向全局对象。
  • 函数环境,函数内部用户定义的变量存储在环境记录器。并且引用的外部环境可能是全局环境或任何包含此内部函数的外部函数。

环境记录器

  • 声明式环境记录器:存储变量、函数和参数。
  • 对象环境记录器:用来定义出现在全局上下文中的变量和函数关系。

到此这篇关于JavaScript中执行上下文和执行栈的文章就介绍到这了,更多相关JS执行上下文内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • javascript 特性检测并非浏览器检测

    javascript 特性检测并非浏览器检测

    NCZ在他的同名博客《Feature detection is not browser detection》中,讲述了一直以来前端开发中的一个热门技术——检测用户的浏览器平台,并详细地叙说历史发展以及各种办法的优缺点。
    2010-01-01
  • 非jQuery实现照片散落桌子上,单击放大的LightBox效果

    非jQuery实现照片散落桌子上,单击放大的LightBox效果

    本文给大家介绍一款js实现的照片散落桌子上点击放大图片的LightBox效果,非常的炫酷,而且是非jQuery实现的,有需要的小伙伴可以参考下
    2014-11-11
  • js实现表格字段排序

    js实现表格字段排序

    本篇文章只要是对js表格字段排序的实例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 基于JS实现限时抢购倒计时间表代码

    基于JS实现限时抢购倒计时间表代码

    本文给大家分享一段简单的代码基于js实现限时抢购倒计时间表功能,非常不错,代码简单易懂,需要的的朋友参考下吧
    2017-05-05
  • 前端JavaScript数组方法总结(非常详细!)

    前端JavaScript数组方法总结(非常详细!)

    这篇文章主要介绍了JavaScript中数组对象的常用方法,包括数组的基本操作、查找、过滤、排序、遍历等方法,并提供了每个方法的语法和示例,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-04-04
  • 几行js代码实现自适应

    几行js代码实现自适应

    本文主要介绍了使用js获取隐藏元素宽高的解决方案以及代码思路,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js回调函数仿360开机

    js回调函数仿360开机

    这篇文章主要为大家详细介绍了js回调函数仿360开机,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • JS 正则表达式验证密码、邮箱格式的实例代码

    JS 正则表达式验证密码、邮箱格式的实例代码

    这篇文章主要介绍了JS 正则表达式验证密码、邮箱格式的实例代码,需要的朋友可以参考下
    2018-10-10
  • 深入浅出JavaScript前端中的设计模式

    深入浅出JavaScript前端中的设计模式

    这篇文章主要介绍了JavaScript前端中的设计模式,设计模式是一套被反复使用,多数人知晓的,经过分类编目的,代码设计经验的总结,感兴趣想要详细了解可以参考下文
    2023-05-05
  • JS对象数组排序方法测试代码示例

    JS对象数组排序方法测试代码示例

    这篇文章主要给大家介绍了关于JS对象数组排序方法测试的相关资料,在  相信大家对数组排序都不陌生,在开发中我们通常会使用sort方法进行数组的排序,需要的朋友可以参考下
    2024-06-06

最新评论