해당 함수 내에서 함수 이름을 얻는 방법은 무엇입니까?

해당 함수 내에서 함수 이름에 어떻게 액세스 할 수 있습니까?

// 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 (아래 센디 할림의 답변에서 영감을 얻음) :

myFunction.name

MDN에 대한 설명 . 2015 년 현재 nodejs 및 IE를 제외한 모든 주요 브라우저에서 작동합니다.

참고 : 바인딩 된 함수에서는 ” bound <originalName>“가 표시됩니다. 원래 이름을 얻으려면 “바운드”를 제거해야합니다.


ES5 (Vlad의 답변에서 영감을 받음) :

함수에 대한 참조가있는 경우 다음을 수행 할 수 있습니다.

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 디자인 패턴을 사용합니다. C ++을 모방 한 기능 세트 (아직 완전하지는 않지만 대부분)를 사용하여 JavaScript에서 OOP 코드를 편안하게 작성하기 위해 TidBits.OoJs 를 작성했습니다 .

의견에서 정보 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();

결과 :
크롬 :
여기에 이미지 설명을 입력하십시오

Fitefox :
여기에 이미지 설명을 입력하십시오

이 솔루션은 단지 재미 를 위해서만 만들어졌습니다 ! 실제 프로젝트에는 사용하지 마십시오. ES 사양에 의존하지 않고 브라우저 구현에만 의존합니다. 다음 크롬 / 파이어 폭스 / 사파리 업데이트 후에 깨질 수 있습니다.
그보다 더 많은 오류 (ha) 처리가 없습니다- d스택 길이보다 길면 오류가 발생합니다.
다른 wrowsers 오류의 메시지 패턴-오류가 발생합니다.
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


답글 남기기