递归调用时，每次调用都会创建新执行上下文并压入调用栈，含参数、局部变量等；触达基础情形后逐层弹出；栈深超限（如浏览器约10000层）即报“Maximum call stack size exceeded”错误。
递归调用时，执行上下文怎么进栈和出栈
每次递归调用函数，JavaScript 引擎都会创建一个新的执行上下文，并把它压入调用栈顶部。这个上下文包含当前调用的参数、局部变量、this 值、作用域链和返回地址。比如 pow(2, 3) 第一次调用时，上下文是 {x: 2, n: 3, at line 1}；进入 pow(2, 2) 后，前一个上下文被暂停，新上下文入栈；直到递归触达基础情形（如 n === 1），才开始逐层出栈——最顶上的上下文先完成、弹出，控制权交还给它下面那一层，依此类推。
为什么递归太深会报“Maximum call stack size exceeded”
调用栈空间有限，每层递归都占用一个栈帧。浏览器通常限制在 10000 层左右，Node.js 默认约 14000 层。一旦递归没有正确终止，或问题规模过大（例如计算 fact(10000)），栈帧持续累积，超出系统允许上限，就会抛出该错误。
- 常见诱因：缺少 base case、终止条件写错（如
n > 0写成n >= 0）、参数未递减 - 不是内存不足，而是栈结构容量硬性受限——和堆内存无关
- 错误发生在入栈动作时，而非执行中；所以即使函数体很轻量，层数超标照样崩溃
如何观察递归过程中的栈变化
借助浏览器开发者工具的“Sources”面板，可在递归函数首行打上断点，反复点击“Step into”（F11）。每次进入新调用，右侧“Call Stack”区域会实时显示当前所有活跃上下文，从顶到底对应递归由深到浅的层级。你可以看到：
- 每个栈帧标有函数名和触发位置（如
pow (script.js:5)） - 悬停某一层可查看其局部作用域变量值
- 点击某一层能跳转到对应代码并检查此时的
arguments和闭包变量
避免栈溢出的实用策略
不依赖编译器自动优化（JS 引擎对尾递归支持有限且不统一），应主动控制递归行为：
- 始终明确写出基础情形（base case），并确保每次递归都向它收敛
- 对输入做预校验，例如
if (n > 1000) throw new Error('递归深度超限') - 将递归改写为迭代——用显式栈（数组）模拟调用栈逻辑，把参数和状态存为对象推入数组，循环处理
- 对性能敏感场景，优先选用循环；递归更适合表达清晰逻辑（如树遍历），而非数值计算
