web-dev-qa-db-ja.com

JavaScriptで現在実行中の関数の名前を取得できますか？

これを行うことは可能ですか？

myfile.js:
function foo() {
    alert(<my-function-name>);
    // pops-up "foo"
    // or even better: "myfile.js : foo"
}

私のスタックにはDojoとjQueryフレームワークがあります。そのため、どちらかが簡単になった場合、それらは利用可能です。

javascriptjquerydojo
165
sprugman

arguments.calleeを使用して取得できるはずです。

ただし、おそらく余分なジャンクが含まれるため、名前を解析する必要がある場合があります。ただし、一部の実装では、arguments.callee.nameを使用して単純に名前を取得できます。

解析：

function DisplayMyName() 
{
   var myName = arguments.callee.toString();
   myName = myName.substr('function '.length);
   myName = myName.substr(0, myName.indexOf('('));

   alert(myName);
}

ソース： Javascript-現在の関数名を取得 。

178
Matt

非匿名関数の場合

function foo()
{ 
    alert(arguments.callee.name)
}

しかし、エラーハンドラーの場合、結果はエラーハンドラー関数の名前になります。

64
fforw

必要なものはすべてシンプルです。関数を作成します。

function getFuncName() {
   return getFuncName.caller.name
}

その後、必要なときにいつでも使用できます。

function foo() { 
  console.log(getFuncName())
}

foo() 
// Logs: "foo"
34
Igor Ostroumov

MDN による

警告：ECMAScript（ES5）の第5版は、strictモードでarguments.callee（）の使用を禁止しています。関数式に名前を付けるか、関数がそれ自体を呼び出す必要がある関数宣言を使用して、arguments.callee（）の使用を避けます。

前述のように、スクリプトが「厳格モード」を使用する場合、これはonlyにのみ適用されます。これは主にセキュリティ上の理由によるものであり、残念ながら現在のところこれに代わるものはありません。

27
Laimis

これはそれを行う必要があります：

var fn = arguments.callee.toString().match(/function\s+([^\s\(]+)/);
alert(fn[1]);

呼び出し元には、caller.toString()を使用します。

21
Andy E

これは「世界で最もuいハック」のカテゴリに入らなければなりませんが、ここに行きます。

まず、current関数の名前（他の回答と同様）を出力することは、関数が何であるかを既に知っているので、私には使用が制限されているようです！

ただし、calling関数の名前を見つけることは、トレース関数にとって非常に便利です。これは正規表現を使用していますが、indexOfを使用すると約3倍高速になります。

function getFunctionName() {
    var re = /function (.*?)\(/
    var s = getFunctionName.caller.toString();
    var m = re.exec( s )
    return m[1];
}

function me() {
    console.log( getFunctionName() );
}

me();
10
James Hugard

動作する方法は次のとおりです。

export function getFunctionCallerName (){
  // gets the text between whitespace for second part of stacktrace
  return (new Error()).stack.match(/at (\S+)/g)[1].slice(3);
}

次に、テストで：

import { expect } from 'chai';
import { getFunctionCallerName } from '../../../lib/util/functions';

describe('Testing caller name', () => {

    it('should return the name of the function', () => {
      function getThisName(){
        return getFunctionCallerName();
      }

      const functionName = getThisName();

      expect(functionName).to.equal('getThisName');
    });

  it('should work with an anonymous function', () => {


    const anonymousFn = function (){
      return getFunctionCallerName();
    };

    const functionName = anonymousFn();

    expect(functionName).to.equal('anonymousFn');
  });

  it('should work with an anonymous function', () => {
    const fnName = (function (){
      return getFunctionCallerName();
    })();

    expect(/\/util\/functions\.js/.test(fnName)).to.eql(true);
  });

});

3番目のテストは、テストが/ util/functionsにある場合にのみ機能することに注意してください。

8
Antoine

別のユースケースは、実行時にバインドされるイベントディスパッチャです。

MyClass = function () {
  this.events = {};

  // Fire up an event (most probably from inside an instance method)
  this.OnFirstRun();

  // Fire up other event (most probably from inside an instance method)
  this.OnLastRun();

}

MyClass.prototype.dispatchEvents = function () {
  var EventStack=this.events[GetFunctionName()], i=EventStack.length-1;

  do EventStack[i]();
  while (i--);
}

MyClass.prototype.setEvent = function (event, callback) {
  this.events[event] = [];
  this.events[event].Push(callback);
  this["On"+event] = this.dispatchEvents;
}

MyObject = new MyClass();
MyObject.setEvent ("FirstRun", somecallback);
MyObject.setEvent ("FirstRun", someothercallback);
MyObject.setEvent ("LastRun", yetanothercallback);

ここでの利点は、ディスパッチャを簡単に再利用でき、引数としてディスパッチキューを受け取る必要がないことです。代わりに、呼び出し名が暗黙的に付属しています。

最終的に、ここで紹介する一般的なケースは、「関数名を引数として使用して明示的に渡す必要がない」ことです。これは、jquery animate（）オプションコールバックなど、多くの場合に役立ちます。または、タイムアウト/インターバルコールバックで（つまり、関数名のみを渡します）。

3
Sampiolin

以下のスニペットのgetMyName関数は、呼び出し元の関数の名前を返します。これはハックであり、 非標準 機能：Error.prototype.stackに依存しています。 Error.prototype.stackによって返される文字列の形式は、エンジンごとに異なる方法で実装されているため、どこでも機能しない可能性があります。

function getMyName() {
  var e = new Error('dummy');
  var stack = e.stack
                .split('\n')[2]
                // " at functionName ( ..." => "functionName"
                .replace(/^\s+at\s+(.+?)\s.+/g, '$1' );
                return stack
}

function foo(){
  return getMyName()
}

function bar() {
  return foo()
}

console.log(bar())

その他のソリューションについて：arguments.callee厳格モードでは許可されていません およびFunction.prototype.calleris 非標準で厳格モードでは許可されていません 。

2
Max Heiber

fooという名前の関数を作成し、myfile.jsにあることがわかっているので、なぜこの情報を動的に取得する必要があるのですか？

つまり、関数内でarguments.callee.toString()（これは関数全体の文字列表現です）を使用して、関数名の値を正規表現できます。

独自の名前を吐き出す関数を次に示します。

function foo() {
    re = /^function\s+([^(]+)/
    alert(re.exec(arguments.callee.toString())[1]);             
}
1
Andrew Hare

これに対する更新された回答は、この回答で見つけることができます： https://stackoverflow.com/a/2161470/632495

そして、クリックしたくない場合：

function test() {
  var z = arguments.callee.name;
  console.log(z);
}
1
Jon49

情報は2016年の実際のものです。

関数宣言の結果

オペラの結果

>>> (function func11 (){
...     console.log(
...         'Function name:',
...         arguments.callee.toString().match(/function\s+([_\w]+)/)[1])
... })();
... 
... (function func12 (){
...     console.log('Function name:', arguments.callee.name)
... })();
Function name:, func11
Function name:, func12

Chromeでの結果

(function func11 (){
    console.log(
        'Function name:',
        arguments.callee.toString().match(/function\s+([_\w]+)/)[1])
})();

(function func12 (){
    console.log('Function name:', arguments.callee.name)
})();
Function name: func11
Function name: func12

NodeJSの結果

> (function func11 (){
...     console.log(
.....         'Function name:',
.....         arguments.callee.toString().match(/function\s+([_\w]+)/)[1])
... })();
Function name: func11
undefined
> (function func12 (){
...     console.log('Function name:', arguments.callee.name)
... })();
Function name: func12

Firefoxでは機能しません。 IEおよびEdgeではテストされていません。

関数式の結果

NodeJSの結果

> var func11 = function(){
...     console.log('Function name:', arguments.callee.name)
... }; func11();
Function name: func11

Chromeでの結果

var func11 = function(){
    console.log('Function name:', arguments.callee.name)
}; func11();
Function name: func11

Firefox、Operaでは機能しません。 IEおよびEdgeではテストされていません。

ノート：

  1. 匿名関数はチェックする意味がありません。
  2. テスト環境
~ $ google-chrome --version
Google Chrome 53.0.2785.116           
~ $ opera --version
Opera 12.16 Build 1860 for Linux x86_64.
~ $ firefox --version
Mozilla Firefox 49.0
~ $ node
node    nodejs  
~ $ nodejs --version
v6.8.1
~ $ uname -a
Linux wlysenko-Aspire 3.13.0-37-generic #64-Ubuntu SMP Mon Sep 22 21:28:38 UTC 2014 x86_64 x86_64 x86_64 GNU/Linux
1
Seti Volkylany

ここで私が見たいくつかの回答の組み合わせ。 （FF、Chrome、IE11でテスト済み）

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

function randomFunction(){
    var proof = "This proves that I found the name '" + functionName() + "'";
    alert(proof);
}

RandomFunction（）を呼び出すと、関数名を含む文字列が警告されます。

JS Fiddle Demo： http://jsfiddle.net/mjgqfhbe/

0
buddamus
(function f() {
    console.log(f.name);  //logs f
})();

TypeScriptバリエーション：

function f1() {} 
function f2(f:Function) {
   console.log(f.name);
}

f2(f1);  //Logs f1

ES6/ES2015準拠のエンジンでのみ使用可能です。 詳細はこちら

0
Ole

これは Igor Ostroumov's answerの変形です：

パラメータのデフォルト値として使用する場合は、「caller」への第2レベルの呼び出しを検討する必要があります。

function getFunctionsNameThatCalledThisFunction()
{
  return getFunctionsNameThatCalledThisFunction.caller.caller.name;
}

これにより、複数の機能で再利用可能な実装が動的に可能になります。

function getFunctionsNameThatCalledThisFunction()
{
  return getFunctionsNameThatCalledThisFunction.caller.caller.name;
}

function bar(myFunctionName = getFunctionsNameThatCalledThisFunction())
{ 
  alert(myFunctionName);
}

// pops-up "foo"
function foo()
{
  bar();
}

function crow()
{
  bar();
}

foo();
crow();

ファイル名も必要な場合は、別の質問で F-30 からの回答を使用したソリューションがあります。

function getCurrentFileName()
{
  let currentFilePath = document.scripts[document.scripts.length-1].src 
  let fileName = currentFilePath.split('/').pop() // formatted to the OP's preference

  return fileName 
}

function bar(fileName = getCurrentFileName(),  myFunctionName = getFunctionsNameThatCalledThisFunction())
{
  alert(fileName + ' : ' + myFunctionName);
}

// or even better: "myfile.js : foo"
function foo()
{
  bar();
}
0
SMAG

ライナーは次のとおりです。

    arguments.callee.toString().split('\n')[0].substr('function '.length).replace(/\(.*/, "").replace('\r', '')

このような：

    function logChanges() {
      let whoami = arguments.callee.toString().split('\n')[0].substr('function '.length).replace(/\(.*/, "").replace('\r', '');
      console.log(whoami + ': just getting started.');
    }
0
VRMBW