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

function main()
{
   Hello();
}

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

有办法找到调用堆栈吗?

注意，根据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());
}

2008-11-11 09:07:16

使用*arguments.callee更安全。调用自参数。不赞成调用…

2008-11-11 09:50:39

试着访问这个:

arguments.callee.caller.name

2008-11-11 10:19:20

function Hello() {
    alert(Hello.caller);
}

2008-11-11 10:56:21

概括一下(并说得更清楚)…

这段代码:

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

等价于:

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

显然，第一部分更容易移植，因为你可以改变函数的名字，从“Hello”说成“Ciao”，但仍然可以让整个程序正常工作。

在后一种情况下，如果你决定重构被调用函数的名称(Hello)，你将不得不改变它的所有出现:

2009-04-06 13:47:43

堆栈跟踪

您可以使用特定于浏览器的代码找到整个堆栈跟踪。好在已经有人成功了;这是GitHub上的项目代码。

但并非所有的消息都是好消息:

It is really slow to get the stack trace so be careful (read this for more). You will need to define function names for the stack trace to be legible. Because if you have code like this: var Klass = function kls() { this.Hello = function() { alert(printStackTrace().join('\n\n')); }; } new Klass().Hello(); Google Chrome will alert ... kls.Hello ( ... but most browsers will expect a function name just after the keyword function and will treat it as an anonymous function. An not even Chrome will be able to use the Klass name if you don't give the name kls to the function. And by the way, you can pass to the function printStackTrace the option {guess: true} but I didn't find any real improvement by doing that. Not all browsers give you the same information. That is, parameters, code column, etc.

调用方函数名

顺便说一下，如果你只想要调用函数的名称(在大多数浏览器中，但不是IE)，你可以使用:

arguments.callee.caller.name

但是请注意，这个名称将位于function关键字之后。我发现没有办法(甚至在谷歌Chrome上)在没有得到整个函数的代码的情况下得到更多。

调用方函数码

并总结了其他最好的答案(作者:Pablo Cabrera, nourdine和Greg Hewgill)。你可以使用的唯一跨浏览器且真正安全的东西是:

arguments.callee.caller.toString();

它将显示调用方函数的代码。遗憾的是，这对我来说还不够，这就是为什么我给你关于StackTrace和调用者函数Name的提示(尽管它们不是跨浏览器的)。

2010-09-24 16:38:24

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

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

直到调用者为空。

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

2010-10-28 22:33:07

如果你只想要函数名而不是代码，并且想要一个独立于浏览器的解决方案，请使用以下方法:

var callerFunction = arguments.callee.caller.toString().match(/function ([^\(]+)/)[1];

注意，如果数组中没有[1]元素，那么上面的代码将返回错误。要解决这个问题，请使用以下方法:

var callerFunction = (arguments.callee.caller.toString().match(/function ([^\(]+)/) === null) ? 'Document Object Model': arguments.callee.caller.toString().match(/function ([^\(]+)/)[1], arguments.callee.toString().match(/function ([^\(]+)/)[1]);

2012-03-15 03:46:28

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

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

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

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

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

2012-09-07 15:32:01

在这里，除了函数名之外的所有内容都被RegExp从caller.toString()中剥离。

<!DOCTYPE html>
<meta charset="UTF-8">
<title>Show the callers name</title><!-- This validates as html5! -->
<script>
main();
function main() { Hello(); }
function Hello(){
  var name = Hello.caller.toString().replace(/\s\([^#]+$|^[^\s]+\s/g,'');
  name = name.replace(/\s/g,'');
  if ( typeof window[name] !== 'function' )
    alert ("sorry, the type of "+name+" is "+ typeof window[name]);
  else
    alert ("The name of the "+typeof window[name]+" that called is "+name);
}
</script>

2012-09-12 08:35:44

试试下面的代码:

function getStackTrace(){
  var f = arguments.callee;
  var ret = [];
  var item = {};
  var iter = 0;

  while ( f = f.caller ){
      // Initialize
    item = {
      name: f.name || null,
      args: [], // Empty array = no arguments passed
      callback: f
    };

      // Function arguments
    if ( f.arguments ){
      for ( iter = 0; iter<f.arguments.length; iter++ ){
        item.args[iter] = f.arguments[iter];
      }
    } else {
      item.args = null; // null = argument listing not supported
    }

    ret.push( item );
  }
  return ret;
}

在火狐21和Chromium-25里为我工作过。

2013-06-22 20:33:26

看起来这是一个相当解决的问题，但我最近发现，callee是不允许在“严格模式”，所以为了我自己的使用，我写了一个类，将从它被调用的路径。它是一个小型助手库的一部分，如果你想单独使用代码，请更改用于返回调用者堆栈跟踪的偏移量(使用1而不是2)。

function ScriptPath() {
  var scriptPath = '';
  try {
    //Throw an error to generate a stack trace
    throw new Error();
  }
  catch(e) {
    //Split the stack trace into each line
    var stackLines = e.stack.split('\n');
    var callerIndex = 0;
    //Now walk though each line until we find a path reference
    for(var i in stackLines){
      if(!stackLines[i].match(/http[s]?:\/\//)) continue;
      //We skipped all the lines with out an http so we now have a script reference
      //This one is the class constructor, the next is the getScriptPath() call
      //The one after that is the user code requesting the path info (so offset by 2)
      callerIndex = Number(i) + 2;
      break;
    }
    //Now parse the string for each section we want to return
    pathParts = stackLines[callerIndex].match(/((http[s]?:\/\/.+\/)([^\/]+\.js)):/);
  }

  this.fullPath = function() {
    return pathParts[1];
  };

  this.path = function() {
    return pathParts[2];
  };

  this.file = function() {
    return pathParts[3];
  };

  this.fileNoExt = function() {
    var parts = this.file().split('.');
    parts.length = parts.length != 1 ? parts.length - 1 : 1;
    return parts.join('.');
  };
}

2014-03-04 07:14:20

只是想让你知道，在PhoneGap/Android上，这个名字似乎不工作。但是arguments.callee.caller.toString()可以做到这一点。

2014-04-08 17:59:18

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

2015-02-03 00:28:59

我通常使用(new Error())。堆叠在Chrome。好处是，这还提供了调用者调用函数的行号。缺点是它将堆栈的长度限制在10，这就是为什么我首先来到这个页面。

(我使用这个在执行期间收集低级构造函数中的调用栈，以便稍后查看和调试，所以设置断点是没有用的，因为它将被命中数千次)

2015-05-07 14:15:15

你可以使用函数。调用方获取调用函数。旧的方法使用参数。Caller被认为是过时的。

下面的代码说明了它的用法:

function Hello() { return Hello.caller;}

Hello2 = function NamedFunc() { return NamedFunc.caller; };

function main()
{
   Hello();  //both return main()
   Hello2();
}

关于废参数的注释。打电话者:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments/caller

功能。呼叫方为非标准:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/caller

2015-06-06 21:01:16

如果你出于某种原因真的需要这个功能，希望它能跨浏览器兼容，不担心严格的东西，并且向前兼容，那么传递一个this引用:

function main()
{
   Hello(this);
}

function Hello(caller)
{
    // caller will be the object that called Hello. boom like that... 
    // you can add an undefined check code if the function Hello 
    // will be called without parameters from somewhere else
}

2015-11-03 01:22:49

如果你不打算在IE < 11中运行它，那么console.trace()将适合。

function main() {
    Hello();
}

function Hello() {
    console.trace()
}

main()
// Hello @ VM261:9
// main @ VM261:4

2016-01-18 10:58:13

解决这个问题的另一种方法是简单地将调用函数的名称作为参数传递。

例如:

function reformatString(string, callerName) {

    if (callerName === "uid") {
        string = string.toUpperCase();
    }

    return string;
}

现在，你可以这样调用这个函数:

function uid(){
    var myString = "apples";

    reformatString(myString, function.name);
}

我的示例使用了对函数名的硬编码检查，但是您可以轻松地使用switch语句或其他逻辑来完成您想要的操作。

2016-03-04 15:29:18

据我所知，我们有两种方法从给定的资源中得到

arguments.caller whoCalled()函数｛如果参数。Caller == null) console.log('我是从全局作用域调用的。'); 其他的 console.log(参数。Caller + '打电话给我!'); ｝ Function.caller myFunc()函数｛如果(myFunc。调用者== null) { 返回'函数是从顶部调用的!'; ｝其他的｛返回'这个函数的调用者是' + myfuncc .caller; ｝｝

我想你已经有答案了:)。

2016-03-28 05:34:40

我试图用这个问题来解决这个问题和当前的奖励。

赏金要求在严格模式下获得调用者，我能看到的唯一方法是引用在严格模式外声明的函数。

例如，以下是非标准的，但已经用之前(2016年3月29日)和当前(2018年8月1日)版本的Chrome、Edge和Firefox进行了测试。

函数调用者() ｛返回caller.caller.caller; ｝使用严格的; main()函数｛ //原来的问题: 你好(); //赏金问题: (function() {console.log('匿名函数调用' + caller().name);}) (); ｝函数Hello () ｛ //你如何发现调用函数是'main'? console.log('Hello calling by ' + caller().name); ｝ main ();

2016-03-29 06:40:45