JS执行上下文

JS执行上下文(运行环境)

  • javascript 在执行代码语句之前会做一些准备 => 执行上下文 => 临时变量、文本环境(保存变量)

    • Js 可执行代码中具有执行上下文 Context => 执行上下文:{文本环境:{},....} => 不细分的话 执行上下文 = 作用域 所以执行上下文(作用域)在代码被创建时 就存在了 而不是调用是才存在

      • 而执行上下文 中 的文本环境 会把 将要执行的代码语句中的 变量 都放在文本环境当中 当代码运行时会从 执行上下文文本环境中找出其需要的 变量 进行调用(所以才需要我们把 变量 声明出来,否则在执行上下文的文本环境中找不到 变量的话 就会输出 undefined)=> 类似点名
  • 我们可以将执行上下文看做当前代码的运行环境或者作用域

(1)四种情况会创建新的执行上下文

  1. 进入 全局代码 时 ---- 全局执行上下文

    • 由 全局对象 + 全局SCOPE(活动对象) 组成 => 全局 是一个范围概念 可以是全部 也可以是一小部分的全部

      • var、function声明的变量 是在全局对象中

      • let const class 声明的变量 是在全局SCOPE(活动对象)中 => 只有当在这个规定的活动范围内使用其变量才有用

  2. 进入 function 函数体代码 时 ---- 函数执行上下文

  3. 进入 module代码 时 ---- 模块执行上下文(使用导入导出时)

  4. 进入 eval函数参数指定的代码 时 ---- eval执行上下文https://www.w3school.com.cn/jsref/jsref_eval.asp

(2)上下文包含三 个属性

1.变量对象(variable object, 简称 VO)

变量对象(文本环境)是与执行上下文相关的数据作用域,用于存储执行上下文中的变量和函数的声明。

例子:

image-20210927203014146.png

1.1.全局对象(Global object,GO)

image-20210927200422229.png

全局对象(Global object) 是在进入任何执行上下文之前就已经创建了的对象; 这个对象只存在一份,它的属性在程序中任何地方都可以访问,全局对象的生命周期终止于程序退出那一刻。

全局上下文执行环境中变量对象就是全局对象,在浏览器中,就是window 对象。

1.2.活动对象(全局SCOPE)

函数未进入执行阶段之前,变量对象中的属性都不能访问!但是进入执行阶段之后,变量对象转变为活动对象(activation object)。=> 只有在这个规定的活动范围内使用变量时 其变量才能被调用

所以,在函数上下文中,我们将活动对象(activation object)作为变量对象活动对象最开始只包含一个变量就是 arguments 对象(这个对象是全局环境中没有的)

2.作用域链

3.this指向

总结


image-20210927234110425.png

例子: 理解执行上下文环境

image-20210927233922193.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.什么是执行上下文 简而言之,执行上下文就是当前 JavaScript 代码被解析和执行时所在环境的抽象概念, ...
    小泡_08f5阅读 4,001评论 0 1
  • 在js中,执行上下文(Execution Context)是非常重要的一种对象,它保存着函数执行所需的重要信息,其...
    csRyan阅读 9,712评论 4 18
  • 执行上下文(Execution Context):函数执行前进行的准备工作(也称执行上下文环境)。 当执行代码进入...
    青色琉璃阅读 3,593评论 0 0
  • 我们在学习作用域或者闭包时,总是绕不开执行上下文,执行栈等术语,那到底什么是执行上下文呢? 一、什么是执行上下文 ...
    橙澄橙cccl阅读 3,529评论 0 0
  • 一、几个概念 EC(Execution Context):函数执行环境(或执行上下文) ECS(Execution...
    G莫_小语阅读 4,282评论 1 1

友情链接更多精彩内容