获取函数调用者名称时遇到问题（arguments.callee.caller 不起作用）

Question

我在这里阅读了很多关于如何使用堆栈溢出的帖子

arguments.callee.caller or arguments.callee.caller.toString()

如果你做一个简单的搜索，你可以找到一堆关于这个的帖子。

所以，我决定自己试试这个！但是，我想在 javascript 对象中找到函数的名称，但它似乎返回的是函数内部的代码，而不是实际的函数名称。

这里是 jsFiddle：http://jsfiddle.net/4Cp5Z/18/。

总而言之，我制作了一个新应用程序，然后致电app.testFunction。 testFunction() 调用 receiver()，我希望 var name 等于 testFunction

app = function() {

    this.testFunction = function() {

        this.receiver();

    };

    this.receiver = function() {

        var name = this.receiver.caller.toString();
        // this.receiver.caller.name outputs nothing...

    };
};

Answer 1

您示例中的所有函数都没有名称。他们都是匿名的。您分配给它们的变量和/或属性具有名称，但函数没有。对于具有真实名称的函数，function 关键字和左括号后有一个名称：

// Declaration
function nameIsHere() {
}

// Expression -- but beware of these ("named function expressions"), see below
var f = function nameIsHere() {
};

（注意 IE8 和更早版本的 create two separate functions 如果您使用命名函数表达式。）

arguments.callee 在支持该函数的引擎上以及在您未使用严格模式的情况下，在对该函数的调用中为您提供对该函数对象的引用。请注意，它会带来显着的性能损失（在某些引擎上是一个数量级），并且在严格模式下是不允许的。

arguments.callee.caller 为您提供对调用当前函数的函数的引用（如果您不是在严格模式下）。它没有给你它的名字，而是一个实际的参考。

Function#toString 在规范中没有指定行为，但在所有主要的桌面浏览器上，它为您提供了函数源代码的一些 表示。 （这不一定适用于移动和小众浏览器。）但再次注意，这是非标准的，并且因浏览器而异（例如，有些返回源代码相当逐字，包括 cmets；其他返回反编译表示他们编译的函数）。

有一个非标准的Function#name 属性在许多（但不是全部）引擎中支持，它为您提供函数的真实名称（如果有的话）。但同样，它从未被标准化，甚至在 ES5 中也没有，而且你的函数没有名称。