如何从该函数中获取函数名称?

2020/10/08 07:41 · javascript ·  · 0评论

如何从该函数内部访问函数名称?

// parasitic inheritance
var ns.parent.child = function() {
  var parent = new ns.parent();
  parent.newFunc = function() {

  }
  return parent;
}

var ns.parent = function() {
  // at this point, i want to know who the child is that called the parent
  // ie
}

var obj = new ns.parent.child();

在ES5中,最好的做法是:

function functionName(fun) {
  var ret = fun.toString();
  ret = ret.substr('function '.length);
  ret = ret.substr(0, ret.indexOf('('));
  return ret;
}

使用Function.caller是非标准的。Function.caller并且arguments.callee都在严格模式下被禁止。

编辑:下面基于nus的正则表达式的答案达到相同的目的,但具有更好的性能!

在ES6中,您可以使用myFunction.name

注意:请注意,某些JS压缩程序可能会丢弃函数名称,以进行更好的压缩。您可能需要调整其设置以避免这种情况。

ES6(受下面的sendy halim的回答启发):

myFunction.name

关于MDN的说明自2015年起,可以在nodejs和除IE之外的所有主要浏览器中使用。

注意:在绑定函数上,将给出“ bound <originalName>”。如果要获取原始名称,则必须删除“ bound”。


ES5(受弗拉德的回答启发):

如果您有对该功能的引用,则可以执行以下操作:

function functionName( func )
{
    // Match:
    // - ^          the beginning of the string
    // - function   the word 'function'
    // - \s+        at least some white space
    // - ([\w\$]+)  capture one or more valid JavaScript identifier characters
    // - \s*        optionally followed by white space (in theory there won't be any here,
    //              so if performance is an issue this can be omitted[1]
    // - \(         followed by an opening brace
    //
    var result = /^function\s+([\w\$]+)\s*\(/.exec( func.toString() )

    return  result  ?  result[ 1 ]  :  '' // for an anonymous function there won't be a match
}
  • 我没有对此进行单元测试,也没有验证实现上的差异,但是原则上,如果不加评论,它应该可以工作。
  • 注意:不适用于绑定函数
  • 注意:callercallee被认为已弃用。

[1] 之所以将其包含在此处,是因为它是合法的,并且经常有足够的语法突出显示工具未能考虑到函数名和括号之间的空白。另一方面,我不知道.toString()的任何实现都会在此处包含空格,因此这就是为什么您可以忽略它的原因。


作为对原始问题的解答,我将放弃寄生继承,而采用一些更传统的OOP设计模式。我写了一个TidBits.OoJs,它类似于C ++的功能集舒适地用JavaScript编写OOP代码(尚未完成,但大多数情况下)。

从评论中可以看出,您希望避免将信息parent需求传递给其构造函数。我必须承认,传统的设计模式并不能使您摆脱那种模式,因为通常使您的依赖关系变得明显和强制执行是一件好事。

我也建议不要使用匿名函数。他们只进行调试和配置PITA,因为所有内容都显示为“匿名函数”,而我所知道的对他们没有任何好处。

您正在做的是将未命名的函数分配给变量。您可能需要使用命名函数表达式(http://kangax.github.com/nfe/)。

var x = function x() {
    console.log( arguments.callee.name );
}
x();

但是我不确定这是多少跨浏览器;IE6有一个问题,使您函数的名称泄漏到外部作用域。另外,arguments.callee也已过时,如果使用,则会导致错误strict mode

任何都constructor公开一个属性name,即函数名称。您可以constructor通过实例(使用new)或访问prototype

function Person() {
  console.log(this.constructor.name); //Person
}

var p = new Person();
console.log(p.constructor.name); //Person

console.log(Person.prototype.constructor.name);  //Person

看来这是我一生中最愚蠢的事情,但这很有趣:D

function getName(d){
  const error = new Error();
  const firefoxMatch = (error.stack.split('\n')[0 + d].match(/^.*(?=@)/) || [])[0];
  const chromeMatch = ((((error.stack.split('at ') || [])[1 + d] || '').match(/(^|\.| <| )(.*[^(<])( \()/) || [])[2] || '').split('.').pop();
  const safariMatch = error.stack.split('\n')[0 + d];

  // firefoxMatch ? console.log('firefoxMatch', firefoxMatch) : void 0;
  // chromeMatch ? console.log('chromeMatch', chromeMatch) : void 0;
  // safariMatch ? console.log('safariMatch', safariMatch) : void 0;
  
  return firefoxMatch || chromeMatch || safariMatch;
}

d-堆栈深度。0-返回此函数名称,1-父级,等等;
[0 + d]-只是为了理解-会发生什么;
firefoxMatch-适用于野生动物园,但我确实有一点时间进行测试,因为mac的所有者吸烟后已经回来了,开车把我赶走了

测试:

function limbo(){
  for(let i = 0; i < 4; i++){
    console.log(getName(i));
  }
}
function lust(){
  limbo();
}
function gluttony(){
  lust();
}

gluttony();

结果:
Chrome:
在此处输入图片说明

Fitefox:
在此处输入图片说明

这个解决方案只是为了好玩而已不要在实际项目中使用它。它不依赖于ES规范,仅依赖于浏览器实现。在下一次chrome / firefox / safari更新后,它可能会损坏。

除此之外,没有错误(ha)处理-如果
d将超过堆栈长度-您将收到错误;

对于其他浏览器,错误的消息模式-您将收到错误;


它必须适用于ES6类(
.split('.').pop()),但是您可能会遇到错误;

这可能对您有用:

function foo() { bar(); }

function bar() { console.log(bar.caller.name); }

如果您从匿名函数调用,运行foo()将输出“ foo”或未定义。

它也与构造函数一起使用,在这种情况下,它将输出调用构造函数的名称(例如“ Foo”)。

此处的更多信息:https : //developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/Caller

他们声称这是非标准的,但是所有主要浏览器都支持它:Firefox,Safari,Chrome,Opera和IE。

你不能 函数没有按照标准命名(尽管mozilla具有这样的属性)-它们只能分配给具有名字的变量。

还有你的评论:

// access fully qualified name (ie "my.namespace.myFunc")

在函数my.namespace.myFunc.getFn中

您可以做的是返回由new创建的对象的构造函数

所以你可以说

var obj = new my.namespace.myFunc();
console.info(obj.constructor); //my.namespace.myFunc

您可以将其用于支持Error.stack的浏览器(可能不是全部)

function WriteSomeShitOut(){ 
  var a = new Error().stack.match(/at (.*?) /);
  console.log(a[1]);
} 
WriteSomeShitOut();

当然这是针对当前功能的,但是您知道了。

编码时开心流口水

name除非使用匿名函数,否则可以使用property获取函数名称。

例如:

var Person = function Person () {
  this.someMethod = function () {};
};

Person.prototype.getSomeMethodName = function () {
  return this.someMethod.name;
};

var p = new Person();
// will return "", because someMethod is assigned with anonymous function
console.log(p.getSomeMethodName());

现在让我们尝试命名函数

var Person = function Person () {
  this.someMethod = function someMethod() {};
};

现在您可以使用

// will return "someMethod"
p.getSomeMethodName()

您可以使用以下构造函数名称:

{your_function}.prototype.constructor.name

此代码仅返回方法的名称。

作为一部分,ECMAScript 6您可以使用Function.name方法

function doSomething() {}

alert(doSomething.name); // alerts "doSomething"

您可以使用Function.name

在大多数JavaScript实现中,一旦在范围内有了构造函数的引用,就可以从其name属性(例如Function.name或Object.constructor.name)中获取其字符串名称。

您可以使用Function.callee

arguments.caller不推荐使用本机方法,但是大多数浏览器都支持Function.caller,它将返回实际的调用对象(其代码体):https :
//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/函数/调用方?redirectlocale = zh-CN&redirectslug = JavaScript%2FReference%2FGlobal_Objects%2FFunction%2Fcaller

您可以创建一个源地图

如果您需要的是文字函数签名(它的“名称”)而不是对象本身,则您可能不得不诉诸于更多的自定义设置,例如创建API字符串值的数组引用。经常访问。您可以使用Object.keys()和字符串数组将它们映射在一起,或者在GitHub上查看Mozilla的源地图库,以获取更大的项目:https :
//github.com/mozilla/source-map

我知道这是一个老问题,但是最近我在尝试装饰一些React Component的方法以进行调试时遇到了类似的问题。正如人们已经说过的,arguments.caller并且arguments.callee在严格模式下被禁止,这可能在您的React转堆中默认启用。您可以禁用它,或者我也可以提出另一种建议,因为在React中所有类函数都被命名了,您实际上可以这样做:

Component.prototype.componentWillMount = function componentWillMount() {
    console.log('Callee name: ', this.__proto__.constructor.toString().substr(0,30));
...
}

这对我有用。

function AbstractDomainClass() {
    this.className = function() {
        if (!this.$className) {
            var className = this.constructor.toString();
            className = className.substr('function '.length);
            className = className.substr(0, className.indexOf('('));
            this.$className = className;
        }
        return this.$className;
    }
}

测试代码:

var obj = new AbstractDomainClass();
expect(obj.className()).toBe('AbstractDomainClass');

我遇到了类似的问题,并按以下方式解决了它:

Function.prototype.myname = function() {
   return this.toString()
       .substr( 0, this.toString().indexOf( "(" ) )
       .replace( "function ", "" ); 
}

该代码以一种更舒适的方式实现了我在本讨论顶部已阅读的一个响应。现在,我有一个成员函数,用于检索任何函数对象的名称。这是完整的脚本...

<script language="javascript" TYPE="text/javascript">

    Function.prototype.myname = function() { 
        return this.toString()
            .substr( 0, this.toString().indexOf( "(" ) )
            .replace("function ", "" ); 
    }
    function call_this( _fn ) { document.write( _fn.myname() ); }
    function _yeaaahhh() { /* do something */ }
    call_this( _yeaaahhh ); 

</script>

如果我了解您想做什么,这就是我在函数构造函数中要做的事情。

if (!(this instanceof arguments.callee)) {
    throw "ReferenceError: " + arguments.callee.name + " is not defined";
}

这将在ES5,ES6,所有浏览器和严格模式下运行。

这就是命名函数的外观。

(function myName() {
  console.log(new Error().stack.split(/\r\n|\r|\n/g)[1].trim());
})();
at myName (<anonymous>:2:15)

这是带有匿名函数的外观。

(() => {
  console.log(new Error().stack.split(/\r\n|\r|\n/g)[1].trim());
})();
at <anonymous>:2:15

看这里:http : //www.tek-tips.com/viewthread.cfm?qid=1209619

arguments.callee.toString();

似乎适合您的需求。

您可以使用Error.stack来跟踪函数名称及其所在位置的确切位置。

参见stacktrace.js

从正在运行的函数中获取函数名称的简便方法。

function x(){alert(this.name)};x()
本文地址:http://javascript.askforanswer.com/ruheconggaihanshuzhonghuoquhanshumingcheng.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!