5

是的，我意识到关于这个问题有无数的线索，对于初学者来说：

从函数本身获取函数名称[重复]

从自身内部获取函数名

不推荐使用 Arguments.callee - 应该改用什么？

但是给出的答案的问题是arguments.callee is deprecated。所有的答案都说只是给你的函数一个名字。但是，据我所知，这并不能解决我的问题。假设我有以下功能：

function blah() {
  // arguments.callee.name is deprecated
  console.log('The function name is: ' + arguments.callee.name + '.');
}

但是因为不推荐使用它，所以我不应该使用它，那么我应该使用什么来代替呢？有什么方法可以在函数本身内部访问函数名称，还是我在这里没有可能性？

如果它使事情变得更容易，我正在使用框架 Ext JS，但我还没有找到知道函数名称的方法。如果没有，是否有 jQuery 方法？我在这里很绝望。

4

2 回答 2

2

您可以引发异常并检查堆栈跟踪。

以下上下文证明适用于 Chrome 浏览器：

function test () {
  try { [].undef () } catch (e) {
     console.log (e.stack.split ('\n')[1].split (/\s+/)[2]);
  }
}

如需更强大的实现，请参阅http://www.eriwen.com/javascript/js-stack-trace/ ，它在任何浏览器中提供完整的堆栈跟踪。

一个更现代、更全面的堆栈跟踪分析器是http://stacktracejs.com

于 2013-10-21T19:19:28.410 回答
0

经过一番摸索，我想出了这个 SO 线程，因此在此基础上，我做了一个非常非常实用的解决方案（在 Chrome 和 FF 中......不确定 IE，但我怀疑它是否有效）。 警告：这是非常特定于我自己的使用，所以你的里程肯定会有所不同。无论如何，这是我的代码：

getLogLocation: function() {
  var ua = navigator.userAgent;
  var isFF = ua.search(/firefox/i) !== -1 ? true : false;
  var isChrome = ua.search(/chrome/i) !== -1 ? true : false;
  if (isFF || isChrome) {
    var stack = Error().stack,
        cname = '',
        funcPattern,
        classPattern = /.*\/(.*)\.js/;  // looking for something between the last backslash and .js
    if (stack) {
      var stacks = stack.split('\n');
      if (stacks) {
        var theStack;
        // the browsers create the stack string differently
        if (isChrome) {
          // the stack has getClassName, then logMessage, then our calling class, but Chrome has some added garbage
          theStack = stacks[4];
          funcPattern = /.*\.(.*)\s+\(/;   // looking for something between a period and the first paren
        }
        else {
          theStack = stacks[2];
          funcPattern = /^\.*(.*)\@/;  // looking for something between a period and an @ symbol
        }
        var matches = theStack.match(classPattern);
        cname = matches[1] + '::';
        matches = theStack.match(funcPattern);
        cname += matches[1] + ':';
      }
    }
    return cname;
  }
}

如果你好奇我的堆栈是什么样的，这里是相关的行：

Firefox（删掉很多行）

".getClassName@http://127.0.0.1/javascripts/app/mixins/ConsoleMixin.js?_dc=1383836090216:72
.logMessage@http://127.0.0.1/javascripts/app/mixins/ConsoleMixin.js?_dc=1383836090216:31
.constructor@http://127.0.0.1/javascripts/app/BaseController.js?_dc=1383836089659:39
..."

Chrome（前两行是我必须容纳的垃圾......之后，它类似于FF的堆栈字符串）

"Error
    at Error (<anonymous>)
    at Ext.define.getLogLocation (http://127.0.0.1/javascripts/app/mixins/ConsoleMixin.js?_dc=1383836606405:72:19)
    at Ext.define.logMessage (http://127.0.0.1/javascripts/app/mixins/ConsoleMixin.js?_dc=1383836606405:31:24)
    at new Ext.define.constructor (http://127.0.0.1/javascripts/app/BaseController.js?_dc=1383836606265:39:14)
    ..."

请参阅此 jsFiddle以获取工作示例...必须更改堆栈值，因为我们不再使用 Ext JS。

现在，稍微解释一下。 getLogLocation作为函数驻留在 Ext JS 类 ( ConsoleMixin) 中，ConsoleMixin ( logMessage) 内部的另一个函数调用 getLogLocation，而 logMessage 由外部类的函数 ( constructor) 调用，这就是为什么我必须补偿前 2 个堆栈值的原因。就像我说的那样，非常hacky并且特定于我的需要，但希望有人可以利用它。

于 2013-11-07T15:07:56.403 回答