探秘JavaScript执行上下文和执行栈：构建代码执行的基本框架

1. 执行上下文：代码执行的舞台

当JavaScript代码执行时，它需要一个舞台来容纳和管理代码的运行。这个舞台就是执行上下文（Execution Context）。执行上下文负责创建变量、管理作用域、确定this的指向等。

1.1 全局执行上下文

当一个JavaScript程序启动时，首先会创建一个全局执行上下文。这个执行上下文是默认的执行上下文，所有不在函数内的代码都将在其中执行。全局执行上下文会做两件事：

1. 创建一个window对象（在浏览器中）。
2. 将this指向window对象。

1.2 局部执行上下文

当一个函数被调用时，它会创建一个新的执行上下文，称为局部执行上下文。局部执行上下文的作用域是封闭的，这意味着它只能访问其内部声明的变量和函数，而不能访问全局执行上下文的变量和函数。

2. 执行栈：代码执行的流程

执行栈（Execution Stack）是JavaScript代码执行的顺序。每当一个函数被调用时，它都会被压入执行栈中。当函数执行完毕后，它就会从执行栈中弹出。执行栈遵循后进先出的原则，这意味着最后被压入执行栈的函数会首先被执行。

3. this上下文对象的指向

this指向当前执行上下文的上下文对象。在全局执行上下文中，this指向window对象。在局部执行上下文中，this指向函数被调用的对象。

4. 作用域：变量和函数的可见性

作用域决定了变量和函数的可见性。在JavaScript中，作用域分为全局作用域和局部作用域。全局作用域是全局执行上下文的作用域，局部作用域是局部执行上下文的作用域。

5. 变量声明：变量的生存周期

变量在JavaScript中通过var、let和const三种方式声明。var声明的变量具有全局作用域或局部作用域，let和const声明的变量仅具有局部作用域。变量的生存周期从声明开始，到所在执行上下文结束为止。

6. 函数调用：代码执行的触发

函数调用是触发代码执行的常见方式。当一个函数被调用时，它会创建一个新的执行上下文，并将自身作为上下文对象。函数调用结束后，该执行上下文会被销毁。

7. 代码块：代码执行的范围

代码块是JavaScript中的一组语句，它被大括号{}包围。代码块可以嵌套在函数中或其他代码块中。代码块的作用域是封闭的，这意味着它只能访问其内部声明的变量和函数，而不能访问外部代码块的变量和函数。

8. 事件监听器：异步代码执行的触发器

事件监听器是JavaScript中用于响应事件的代码块。当事件发生时，事件监听器会被触发，并执行其内部的代码。事件监听器可以被添加到元素、窗口或文档上。

9. 异步执行：代码执行的非顺序性

JavaScript是一种单线程语言，这意味着它一次只能执行一个任务。然而，JavaScript可以通过异步执行来实现并行执行多个任务。异步执行是指代码在执行过程中被暂停，等待某个事件发生后再继续执行。Promise、setTimeout和setInterval都是实现异步执行的常见方式。

结语

JavaScript的执行上下文和执行栈是理解代码执行过程的基础。通过深入理解这些机制，你将能够更好地理解JavaScript代码的运行方式，并编写出更加健壮和高效的代码。