如何在JavaScript中找到调用者函数?

function main()
{
   Hello();
}

function Hello()
{
  // How do you find out the caller function is 'main'?
}

有办法找到调用堆栈吗?

当前回答

我想在这里加上我的小提琴:

http://jsfiddle.net/bladnman/EhUm3/

我测试了chrome, safari和IE(10和8)。工作正常。只有一个函数是重要的，所以如果你被这个大小提琴吓到了，请阅读下面的内容。

注意: 有相当数量的我自己的“样板”在这把小提琴。如果你喜欢，你可以删除所有这些并使用split's。这只是我一直依赖的一套超级安全的功能。

还有一个“JSFiddle”模板在那里，我使用许多小提琴简单快速小提琴。

其他回答

注意，根据MDN文档，此解决方案已弃用，不应再使用

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/caller

function Hello()
{
    alert("caller is " + Hello.caller);
}

注意，这个特性不是标准的，来自Function.caller:

非标准的这个特性是非标准的，不在标准轨道上。不要在面向Web的生产站点上使用它:它并不适用于每个用户。实现之间也可能存在很大的不兼容性，将来行为可能会发生变化。

以下是2008年的旧答案，在现代Javascript中不再支持:

function Hello()
{
    alert("caller is " + arguments.callee.caller.toString());
}

你可以得到完整的堆栈跟踪:

arguments.callee.caller
arguments.callee.caller.caller
arguments.callee.caller.caller.caller

直到调用者为空。

注意:它会导致递归函数的无限循环。

使用严格模式开/关(JavaScript & TypeScript)，如果(!)调用者存在，你可以尝试这个

console.log(`caller:${(new Error()).stack?.split('\n')[2].trim().split(' ')[1]}`)

我知道你提到了“在Javascript中”，但如果目的是调试，我认为使用浏览器的开发工具更容易。这是它在Chrome中的样子: 只需将调试器放置在您想要研究堆栈的位置。

我可以在2021年使用这些，并获得从调用者函数开始的堆栈:

1. console.trace();
2. console.log((new Error).stack)

// do the same as #2 just with better view
3. console.log((new Error).stack.split("\n"))

推荐文章