在给定的函数
async function x(n) {
console.log(n);
console.trace();
if (n >= 3) { return; };
await setTimeout(() => x(n+1), 1000);
}
x(0);
我可以看到控制台中的痕迹越来越长.
将其与递归版本进行比较，
async function x(n) {
console.log(n);
console.trace();
if (n >= 3) { return; };
x(n+1);
}
x(0);
你可以看到痕迹也在增长.那么，setTimeout是否也在增加堆栈，或者这种增长跟踪背后的解释是什么？
不，在setTimeout版本中堆栈不会增长.您在console.trace()的输出中看到的内容在the MDN docs中描述如下:
注意:在某些浏览器中，console.trace()可能还会输出指向不在调用堆栈上的当前console.trace()的调用和异步事件序列，以帮助识别当前事件求值循环的来源.
您至少可以在基于Chromium的浏览器中看到这一点，如果您不使用console.trace()，而是获得当前的实际堆栈:
async function x(n) {
console.log(n);
console.log(new Error().stack);
if (n >= 3) {
return;
};
await setTimeout(() => x(n + 1), 1000);
}
x(0);在其他浏览器中，这一结果可能会有所不同，因为.stack是一个非标准属性，但至少在Chromium中，它显示了从JavaScript事件循环触发的当前实际堆栈.