その関数内から関数名を取得するにはどうすればよいですか？

関数内から関数名にアクセスするにはどうすればよいですか？

// 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（ヴラッドの答えに触発された）：

関数への参照がある場合、次のことができます。

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
}

• 私はこれについて単体テストを実行していない、または実装の違いを確認していませんが、コメントを残さない場合でも、原則的には機能するはずです。
• 注：バインドされた関数では機能しません
• 注：callerおよびcalleeは非推奨と見なされます。

[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いる場合はエラーになります。

Any は、関数名でconstructorあるpropertyを公開します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スタックの長さを超える場合-エラーが発生します。
他のWrowsersエラーのメッセージパターンの場合-エラーが発生します。
ES6クラス（.split('.').pop()）で機能する必要がありますが、エラーが発生する可能性があります。

これはあなたのために働くかもしれません：

function foo() { bar(); }

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

foo（）を実行すると、無名関数から呼び出した場合、 "foo"またはundefinedが出力されます。

コンストラクターでも機能します。その場合、呼び出し元のコンストラクターの名前（たとえば、「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無名関数を使用している場合を除き、プロパティを使用して関数名を取得できます

例えば：

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

このコードは、単にメソッドの名前を返します。

Function.nameメソッドECMAScript 6を使用できる一部として

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/en-US/docs/Web/JavaScript/Reference/Global_Objects/ Function / caller？redirectlocale = en-US＆redirectslug = JavaScript％2FReference％2FGlobal_Objects％2FFunction％2Fcaller

ソースマップを作成できます。

オブジェクト自体ではなく、リテラル関数シグネチャ（その「名前」）が必要な場合は、必要なAPI文字列値の配列参照を作成するなど、もう少しカスタマイズしたものに頼る必要があるかもしれません。頻繁にアクセスします。Object.keys()文字列の配列を使用してそれらを一緒にマッピングするか、GitHubでMozillaのソースマップライブラリを調べて、より大きなプロジェクトを作成できます：https : //github.com/mozilla/source-map

私はこれが古い質問であることを知っていますが、最近、デバッグのためにいくつかのReactコンポーネントのメソッドを装飾しようとしているときに、同様の問題に直面しています。人々がすでに言ったように、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 ", "" ); 
}

このコードは、より快適な方法で、このディスカッションの冒頭ですでに読んだ1つの応答を実装しています。これで、任意の関数オブジェクトの名前を取得するメンバー関数ができました。ここに完全なスクリプトがあります...

<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()