JavaScript调用栈本质是引擎自动维护的函数执行上下文压入、暂停、恢复和弹出过程；每次函数调用创建新上下文入栈，执行完即弹出，全局上下文始终在栈底。
JavaScript 函数执行上下文的调用栈追踪，本质是观察函数如何被压入、暂停、恢复和弹出执行栈的过程。它不依赖额外库，而是由引擎自动维护，关键在于理解“何时生成上下文”和“如何查看路径”。
执行上下文如何随函数调用入栈与出栈
每次函数被调用，JS 引擎都会创建一个新的函数执行上下文（Function Execution Context），并把它推到调用栈顶端；函数执行完毕，该上下文立即弹出，控制权交还给栈中下一个上下文。
- 全局代码启动时，已存在一个全局执行上下文，位于栈底
- 调用 greet() → 栈变为：[greet, 全局]
- greet 内部调用 createMessage() → 栈变为：[createMessage, greet, 全局]
- createMessage 返回后弹出 → 栈回到 [greet, 全局]，继续执行后续语句
主动获取当前调用路径的实用方式
不需要出错也能看到栈结构。以下方法返回从当前点向上追溯的函数调用链：
- console.trace()：在任意位置插入，直接在控制台打印带文件行号的完整调用栈，适合调试嵌套逻辑
-
new Error().stack：生成错误对象但不抛出，读取其
stack属性字符串，可用于日志记录或条件判断 -
error.stack 在
catch块中天然可用，是定位运行时错误的第一手信息
浏览器 DevTools 中的可视化追踪
Chrome / Edge / Firefox 的开发者工具提供实时、可交互的调用栈视图：
立即学习“Java免费学习笔记（深入）”；
- 断点命中后，“Call Stack” 面板列出当前栈中所有上下文，点击每一项可跳转到对应源码位置
- 每个栈帧显示函数名、文件路径、行号，匿名函数会标注为
<anonymous>或显示箭头函数符号 - 配合 “Scope” 面板，可同步查看该上下文中
let/const/var变量值、this绑定及作用域链引用
注意异步与递归带来的特殊表现
调用栈反映的是同步执行流，异步回调不会延续上层栈帧，而深层递归则容易暴露栈容量限制：
- setTimeout、Promise.then 等回调开启新执行上下文，调用栈从全局或微任务队列重新开始，不包含发起它的函数
- 递归未设终止条件时，持续压入相同函数上下文，最终触发
RangeError: Maximum call stack size exceeded - 避免在循环中频繁构造
new Error()，因堆栈字符串生成开销较大，调试阶段用console.trace()更轻量
