【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