递归setTimeout中console.trace显示调用栈增长的疑问

结论：console.trace()显示的内容没有超出实际调用栈，但你看到的“增长”是浏览器额外展示的异步调用溯源链，而非当前执行的同步调用栈。

具体解释：

• 你的代码里，每次loop()的调用都是独立的异步上下文：
  第一次loop()在页面加载的同步回调中执行，执行完毕后整个调用栈就清空了。后续的loop()是在setTimeout触发后，通过Promise的then微任务回调发起的——每次setTimeout回调执行时，之前的调用栈已经完全销毁，新的调用栈从then回调开始，进入loop函数。
• 浏览器为了调试方便，会在console.trace()中附加异步调用的溯源信息（比如把之前的异步操作发起者也列出来），这让你看起来调用栈在增长，但这并不是当前执行时的真实同步调用栈。实际每次执行console.trace()时，同步调用栈的长度是固定的（比如：Promise构造函数 → loop → then回调），不会随着递归次数累积，自然也不会导致栈溢出。
• 你可以用new Error().stack代替console.trace()来验证：打印这个值会显示真实的同步调用栈，你会发现每次的栈结构和长度都是一致的。

内容的提问来源于stack exchange，提问作者John Skinner