## 栈帧和函数执行上下文
栈帧
定义： 栈帧是函数调用时在栈上分配的一块内存区域，用于存储函数的局部变量、参数、返回地址等信息。
作用：
管理函数调用： 每个函数调用都会创建一个新的栈帧，函数执行完毕后，栈帧被销毁。
存储数据： 栈帧为函数的执行提供了独立的内存空间，保证不同函数之间的数据不冲突。
实现递归： 递归函数的每一层调用都会创建一个新的栈帧，从而实现递归的层层深入和回溯。
函数执行上下文
定义： 函数执行上下文是JavaScript引擎在执行代码时创建的一个抽象概念，它定义了变量或函数有权访问的变量对象以及this的值。
作用：
提供执行环境： 函数执行上下文为函数的执行提供了必要的环境，包括变量对象、this对象等。
管理变量作用域： 不同的函数执行上下文具有不同的变量对象，从而实现了变量的作用域。
两者之间的关系
栈帧是执行上下文的底层实现： 栈帧为函数执行上下文提供了内存空间，存储了函数执行所需的数据。
执行上下文是栈帧的抽象： 执行上下文更关注函数执行的语义和环境，而栈帧更关注内存的分配和管理。
栈帧与执行上下文一一对应： 每个函数调用都会创建一个新的栈帧，同时也会创建一个新的执行上下文。
栈帧
定义： 栈帧是函数调用时在栈上分配的一块内存区域，用于存储函数的局部变量、参数、返回地址等信息。
作用：
管理函数调用： 每个函数调用都会创建一个新的栈帧，函数执行完毕后，栈帧被销毁。
存储数据： 栈帧为函数的执行提供了独立的内存空间，保证不同函数之间的数据不冲突。
实现递归： 递归函数的每一层调用都会创建一个新的栈帧，从而实现递归的层层深入和回溯。
函数执行上下文
定义： 函数执行上下文是JavaScript引擎在执行代码时创建的一个抽象概念，它定义了变量或函数有权访问的变量对象以及this的值。
作用：
提供执行环境： 函数执行上下文为函数的执行提供了必要的环境，包括变量对象、this对象等。
管理变量作用域： 不同的函数执行上下文具有不同的变量对象，从而实现了变量的作用域。
两者之间的关系
栈帧是执行上下文的底层实现： 栈帧为函数执行上下文提供了内存空间，存储了函数执行所需的数据。
执行上下文是栈帧的抽象： 执行上下文更关注函数执行的语义和环境，而栈帧更关注内存的分配和管理。
栈帧与执行上下文一一对应： 每个函数调用都会创建一个新的栈帧，同时也会创建一个新的执行上下文。
展开
3
30
![[可怜]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)