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