JS 作用域和执行上下文[3] — 执行上下文

2020-10-05 本文已影响0人弱冠而不立

简而言之，执行上下文就是当前 JavaScript 代码被解析和执行时所在环境的抽象概念， JavaScript 中运行任何的代码都是在执行上下文中运行。

这是默认的、最基础的执行上下文。
不在任何函数中的代码都位于全局执行上下文中。
它做了两件事：
1.创建一个全局对象，在浏览器中这个全局对象就是 window 对象。
2.将 this 指针指向这个全局对象。一个程序中只能存在一个全局执行上下文。

每个函数都拥有自己的执行上下文，但是只有在函数被调用的时候才会被创建。
(注：只有调用函数时才会创建该函数的执行上下文，而不是声明函数时)
一个程序中可以存在任意数量的函数执行上下文，因为一个程序中的函数数量和被调用次数是未知的。

运行在 eval 函数中的代码也获得自己的执行上下文，但是由于这个函数存在很大安全和性能问题，已经被强烈不推荐使用，这里就一笔带过。

简单概括一下：不在函数里的就是全局上下文，其他都是函数执行上下文

栈，具有后进先出结构（LIFO, Last In First Out），具有 push 和 pop 功能。代码执行期间所创建的执行上下文就是它存储的。

那创建的执行上下文什么时候入栈，又什么时候出栈呢？

在这个阶段，执行上下文会分别 创建变量对象、建立作用域链以及确定 this 的指向

执行上下文中定义了变量或函数有权访问的其他数据，决定了它们各自的行为。

每个执行上下文中都有一个与之关联的变量对象（variable object）
上下文定义的所有变量和函数都保存在这个对象中。

全局执行上下文的变量对象：也可称作为全局对象，我们可以用 this 来访问。(浏览器环境 this 指向 window，node 环境 this 指向 global)
函数执行上下文变量对象：函数执行上下文变量对象可以叫活动对象（activation object，这里简称 AO），这么称呼的原因是当进入函数执行上下文中，这个执行上下文才被激活，此刻属性才能被访问。（变量对象和活动对象是同一种东西，但是变量对象进入执行阶段之前是不能被访问的，进入执行阶段之后，变量对象转变为活动对象，里面的属性才可以被访问。类似Vue的生命周期。）

根据这个原理，我们也能很好理解var声明的变量的变量提升的概念，在代码执行前，先经过上下文的创建阶段，代码中的变量和函数都保存在执行上下文的变量当中，然后在执行过程中就可以根据执行顺序和变量需要进行调整。