洞悉 JavaScript 执行上下文：解构、细析、透彻理解

在 JavaScript 中，执行上下文是代码执行的环境，它包含了变量环境、词法环境、外部环境和 this。JavaScript 引擎通过变量环境来实现函数级作用域，并通过词法环境在函数作用域的基础上实现块级作用域。

执行上下文的三种类型

JavaScript 中的执行上下文主要分为三种：

• 全局执行上下文 ：这是最顶层的执行上下文，当脚本开始执行时创建。全局执行上下文的变量环境是全局对象，它包含了所有全局变量和函数。
• 函数执行上下文 ：当函数被调用时创建。函数执行上下文的变量环境是函数的参数和局部变量，其词法环境是函数所属的执行上下文。
• eval执行上下文 ：当 eval() 函数被调用时创建。eval 执行上下文的变量环境是全局对象，其词法环境是调用 eval() 函数的执行上下文。

变量环境

变量环境是一个对象，它包含了所有在该执行上下文中声明的变量。变量环境是通过作用域链来访问的。作用域链是一个执行上下文的数组，它从当前执行上下文开始，一直到全局执行上下文。当在某个执行上下文中访问一个变量时，JavaScript 引擎会沿着作用域链向上查找，直到找到该变量的声明。

词法环境

词法环境是一个对象，它包含了所有在该执行上下文中声明的函数。词法环境是通过静态作用域来访问的。静态作用域意味着函数的词法环境在函数被声明时就已经确定了，并且不会随着函数的调用而改变。

外部环境

外部环境是一个对象，它包含了所有在该执行上下文中声明的变量和函数。外部环境是通过动态作用域来访问的。动态作用域意味着函数的外部环境在函数被调用时才确定，并且会随着函数的调用而改变。

this

this 是一个特殊的变量，它指向当前执行上下文的执行对象。执行对象可以是全局对象、函数对象或 eval 对象。

作用域

作用域是变量和函数的可访问范围。JavaScript 中的作用域分为两种：函数级作用域和块级作用域。

• 函数级作用域 ：函数级作用域是指变量和函数只在声明它们的函数内部可见。
• 块级作用域 ：块级作用域是指变量和函数只在声明它们的代码块内部可见。

总结

JavaScript 执行上下文是代码执行的环境，它包含了变量环境、词法环境、外部环境和 this。JavaScript 引擎通过变量环境来实现函数级作用域，并通过词法环境在函数作用域的基础上实现块级作用域。通过理解 JavaScript 执行上下文，我们可以更好地掌握 JavaScript 的工作原理。