深究JavaScript中的执行上下文与调用堆栈
2024-02-05 02:07:35
理解JavaScript中的执行上下文和调用堆栈，是前端开发者必备的基础知识。
执行上下文
执行上下文是当前JavaScript代码被解析和执行时所在环境的抽象概念。它决定了变量的范围，函数的作用域，以及this的绑定。
JavaScript有两种执行上下文：全局执行上下文和局部执行上下文。
全局执行上下文
全局执行上下文是第一个被创建的执行上下文，它代表了整个JavaScript程序的执行环境。全局执行上下文中的变量和函数都是全局变量和全局函数，它们可以在程序的任何地方访问和使用。
局部执行上下文
局部执行上下文是函数被调用时创建的执行上下文，它代表了该函数的执行环境。局部执行上下文中的变量和函数都是局部变量和局部函数，它们只能在该函数内部访问和使用。
调用堆栈
调用堆栈是一个先进后出的数据结构，它存储了当前正在执行的函数的执行上下文。当一个函数被调用时，它的执行上下文会被压入调用堆栈，当函数执行完毕后，它的执行上下文会被弹出调用堆栈。
作用域
作用域是变量和函数可以被访问的范围。变量的作用域由它所在的执行上下文决定。全局变量的作用域是整个程序，局部变量的作用域是它所在的函数。
变量提升
变量提升是指在代码执行前，所有变量都会被提升到它们所在执行上下文的顶部。这意味着变量可以在声明之前被使用，但不能在声明之前被赋值。
执行阶段
JavaScript代码的执行分为两个阶段：解析阶段和执行阶段。
解析阶段
在解析阶段，JavaScript引擎会将代码转换成内部数据结构，这个过程称为解析。
执行阶段
在执行阶段，JavaScript引擎会根据解析阶段生成的内部数据结构来执行代码。执行阶段包括两个步骤：
- 创建执行上下文
- 执行代码
函数执行
当一个函数被调用时，JavaScript引擎会创建一个新的执行上下文，并将该函数的执行上下文压入调用堆栈。然后，JavaScript引擎会执行函数中的代码。当函数执行完毕后，它的执行上下文会被弹出调用堆栈。
this关键字
this关键字表示当前正在执行的函数的执行上下文。this关键字可以用来访问执行上下文中的变量和函数。
浏览器环境中的执行上下文
在浏览器环境中，全局执行上下文是window对象。window对象是浏览器中的全局对象，它包含了所有全局变量和全局函数。
总结
执行上下文和调用堆栈是JavaScript中非常重要的概念，理解这些概念对于理解代码的执行至关重要。
