javascript - 如何找到调用函数的位置(函数调用堆栈)

Question

我有一个函数被多个文件调用。有没有办法确定 Chrome DevTools 等工具从哪个文件调用函数？

function turnCoffeIntoCode (args) {
    // logic here
    debugger;
}

借助 Chrome 的开发者工具，我可以看到传递给函数的参数，但我无法从调用函数的位置找到。

Answer 1

您可以在 Chrome 开发者工具上看到完整的调用堆栈:https://developers.google.com/web/tools/chrome-devtools/javascript/reference#call-stack

只需添加断点或调试器；您将能够看到调用堆栈，并能够单击并转到堆栈中的不同函数。

要阅读更多内容，您可以找到很多 questions and answers关于 chrome 中的调用堆栈。