堆栈跟踪

您可以使用特定于浏览器的代码找到整个堆栈跟踪。好在已经有人成功了;这是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的提示(尽管它们不是跨浏览器的)。

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

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

例如，以下是非标准的，但已经用之前(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 ();

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

试试下面的代码:

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里为我工作过。

只需控制台日志错误堆栈。这样你就可以知道你是如何被召唤的

Const hello = () => { console.log(新的错误('I was called').stack) ｝ Const sello = () => { 你好() ｝ 你可以()

heystewart和JiarongWu的回答都提到了Error对象可以访问堆栈。

这里有一个例子:

函数main() { 你好(); ｝ 函数Hello() { 尝试{ throw new Error(); } catch (err) { Let stack = err.stack; // N.B. stack === "Error\n at Hello…\n at main…\ n……” let m = stack.match(/.*?Hello.*?\n(.*?)\n/); 如果(m) { 让caller_name = m[1]; console.log("Caller is:"， caller_name); ｝ ｝ ｝ main ();

不同的浏览器以不同的字符串格式显示堆栈:

Safari  : Caller is: main@https://stacksnippets.net/js:14:8
Firefox : Caller is: main@https://stacksnippets.net/js:14:3
Chrome  : Caller is:     at main (https://stacksnippets.net/js:14:3)
IE Edge : Caller is:    at main (https://stacksnippets.net/js:14:3)
IE      : Caller is:    at main (https://stacksnippets.net/js:14:3)

大多数浏览器会使用var stack = (new Error()).stack来设置堆栈。在Internet Explorer中，堆栈是未定义的——你必须抛出一个真正的异常来检索堆栈。

结论:使用Error对象中的堆栈可以确定“main”是“Hello”的调用者。事实上，它可以在被调用方/调用方方法不起作用的情况下工作。它还会显示上下文，即源文件和行号。然而，要使解决方案跨平台还需要努力。