【js重学系列】执行上下文

什么是执行上下文

指当前执行环境中的变量、函数声明，参数（arguments），作用域链，this等信息

简而言之，执行上下文是评估和执行 JavaScript 代码的环境的抽象概念。每当 Javascript 代码在运行的时候，它都是在执行上下文中运行。

执行上下文分类

全局执行上下文

这是默认或者说基础的上下文，任何不在函数内部的代码都在全局上下文中。

它会执行两件事：创建一个全局的 window 对象（浏览器的情况下），并且设置 this 的值等于这个全局对象。

一个程序中只会有一个全局执行上下文。

函数执行上下文

每当一个函数被调用时, 都会为该函数创建一个新的上下文。

每个函数都有它自己的执行上下文，不过是在函数被调用时创建的。函数上下文可以有任意多个

eval执行上下文

执行在 eval 函数内部的代码也会有它属于自己的执行上下文，但由于 JavaScript 开发者并不经常使用 eval，所以在这里我不会讨论它

执行上下文的组成代码示例

const ExecutionContextObj = {
    VO: window, // 变量对象
    ScopeChain: {}, // 作用域链 
    this: window // this
};

执行上下文生命周期

创建阶段

生成变量对象(创建变量环境组件)
// 创建arguments
// 扫描函数声明
// 扫描变量声明

建立作用域链(创建词法环境组件)

确定this的指向

执行阶段

变量赋值
函数的引用
执行其他代码

执行栈（执行上下文栈）

执行栈，也就是在其它编程语言中所说的“调用栈”，是一种拥有 LIFO（后进先出）数据结构的栈，被用来存储代码运行时创建的所有执行上下文。

当 JavaScript 引擎第一次遇到你的脚本时，它会创建一个全局的执行上下文并且压入当前执行栈。每当引擎遇到一个函数调用，它会为该函数创建一个新的执行上下文并压入栈的顶部。

引擎会执行那些执行上下文位于栈顶的函数。当该函数执行结束时，执行上下文从栈中弹出，控制流程到达当前栈中的下一个上下文。

https://www.cnblogs.com/TomXu/archive/2012/01/13/2308101.html
https://www.cnblogs.com/echolun/p/11438363.html
https://blog.csdn.net/sinat_15951543/article/details/79228675
https://zhuanlan.zhihu.com/p/59784952
https://www.muyiy.cn/blog/1/1.1.html#执行栈

https://zhuanlan.zhihu.com/p/72959191
https://blog.csdn.net/qqchenyufei/article/details/82795713
https://www.jianshu.com/p/e4051933e88e