Puis-je obtenir le nom de la fonction en cours d'exécution dans JavaScript?

Question 1

Est-il possible de faire cela:

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

J'ai les frameworks Dojo et jQuery dans ma pile, donc si l'un de ceux-ci facilite la tâche, ils sont disponibles.

Question 2

Dans ES5 et au-dessus, il n'y a pas d'accès à ces informations.

Dans les anciennes versions de JS, vous pouvez l'obtenir en utilisant arguments.callee.

Vous devrez peut-être analyser le nom, car il contiendra probablement des fichiers indésirables supplémentaires. Cependant, dans certaines implémentations, vous pouvez simplement obtenir le nom en utilisant arguments.callee.name.

Analyse:

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

   alert(myName);
}

Source: Javascript - obtenir le nom de la fonction actuelle .

Question 3

Pour les fonctions non anonymes

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

Mais dans le cas d'un gestionnaire d'erreurs, le résultat serait le nom de la fonction de gestionnaire d'erreurs, n'est-ce pas?

Question 4

Tout ce dont vous avez besoin est simple. Créer une fonction:

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

Après cela, chaque fois que vous en avez besoin, vous utilisez simplement:

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

foo() 
// Logs: "foo"

Question 5

Selon MDN

Attention: La 5ème édition d'ECMAScript (ES5) interdit l'utilisation d'arguments.callee () en mode strict. Évitez d'utiliser arguments.callee () en donnant un nom aux expressions de fonction ou en utilisant une déclaration de fonction où une fonction doit s'appeler elle-même.

Comme indiqué, cela ne s'applique que si votre script utilise le "mode strict". C'est principalement pour des raisons de sécurité et malheureusement, il n'y a actuellement aucune alternative pour cela.

Question 6

Cela devrait le faire:

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

Pour l'appelant, utilisez simplement caller.toString().

Question 7

Cela doit entrer dans la catégorie des "hacks les plus laids du monde", mais c'est parti.

Tout d'abord, l'impression du nom de la fonction actuelle (comme dans les autres réponses) me semble avoir une utilité limitée, car vous savez déjà en quelque sorte quelle est la fonction!

Cependant, trouver le nom de la fonction appelante peut être très utile pour une fonction de trace. C'est avec une expression régulière, mais utiliser indexOf serait environ 3 fois plus rapide:

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

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

me();

Question 8

Voici une méthode qui fonctionnera:

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

Puis dans vos tests:

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);
  });

});

Notez que le troisième test ne fonctionnera que si le test est situé dans / util / functions

Question 9

La getMyNamefonction dans l'extrait ci-dessous renvoie le nom de la fonction appelante. Il est un hack et repose sur non standard fonction: Error.prototype.stack. Notez que le format de la chaîne retournée par Error.prototype.stackest implémenté différemment dans différents moteurs, donc cela ne fonctionnera probablement pas partout:

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

Développer l'extrait

A propos d' autres solutions: arguments.callee n'est pas autorisé en mode strict et Function.prototype.callerest non standard et non autorisés en mode strict .

Question 10

Un autre cas d'utilisation pourrait être un répartiteur d'événements lié à l'exécution:

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

L'avantage ici est que le répartiteur peut être facilement réutilisé et n'a pas à recevoir la file d'attente de distribution en tant qu'argument, au lieu de cela, il est implicite avec le nom d'invocation ...

Au final, le cas général présenté ici serait "utiliser le nom de la fonction comme argument pour ne pas avoir à le passer explicitement", et cela pourrait être utile dans de nombreux cas, comme le callback optionnel jquery animate (), ou dans les callbacks timeouts / intervalles, (c'est-à-dire que vous ne passez qu'un NOM de fonction).

Question 11

Le nom de la fonction actuelle et la manière dont elle peut être obtenue semblent avoir changé au cours des 10 dernières années, depuis que cette question a été posée.

Maintenant, n'étant pas un développeur Web professionnel qui connaît toutes les histoires de tous les navigateurs ayant jamais existé, voici comment cela fonctionne pour moi dans un navigateur Chrome 2019:

function callerName() {
    return callerName.caller.name;
}
function foo() {
    let myname = callerName();
    // do something with it...
}

Certaines des autres réponses ont rencontré des erreurs de chrome concernant le code javascript strict et ainsi de suite.

Question 12

Puisque vous avez écrit une fonction nommée fooet que vous savez que c'est dans myfile.jspourquoi avez-vous besoin d'obtenir ces informations dynamiquement?

Cela étant dit, vous pouvez utiliser arguments.callee.toString()à l'intérieur de la fonction (il s'agit d'une représentation sous forme de chaîne de la fonction entière) et regexer la valeur du nom de la fonction.

Voici une fonction qui crachera son propre nom:

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

Question 13

Une combinaison des quelques réponses que j'ai vues ici. (Testé dans 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);
}

L'appel de randomFunction () alertera une chaîne contenant le nom de la fonction.

Démo JS Fiddle: http://jsfiddle.net/mjgqfhbe/

Question 14

Une réponse mise à jour à cela peut être trouvée à l' adresse suivante : https://stackoverflow.com/a/2161470/632495

et, si vous n'avez pas envie de cliquer:

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

Question 15

Les informations sont réelles sur l'année 2016.

Résultats pour la déclaration de fonction

Résultat dans l'opéra

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

Résultat dans le 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

Résultat dans le 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

Ne fonctionne pas dans Firefox. Non testé sur IE et Edge.

Résultats pour les expressions de fonction

Résultat dans le NodeJS

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

Résultat dans le Chrome

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

Ne fonctionne pas dans Firefox, Opera. Non testé sur IE et Edge.

Remarques:

La fonction anonyme n'a pas de sens à vérifier.
Environnement de test

~ $ 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

Question 16

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

Variation typographique:

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

f2(f1);  //Logs f1

Remarque uniquement disponible dans les moteurs conformes ES6 / ES2015. Pour en savoir plus, voir

Question 17

Voici une seule ligne:

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

Comme ça:

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

Question 18

Voici une variante de la réponse d' Igor Ostroumov :

Si vous souhaitez l'utiliser comme valeur par défaut pour un paramètre, vous devez envisager un appel de second niveau à 'appelant':

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

Cela permettrait dynamiquement une implémentation réutilisable dans plusieurs fonctions.

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

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

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

function crow()
{
  bar();
}

foo();
crow();

Développer l'extrait

Si vous voulez aussi le nom du fichier, voici cette solution en utilisant la réponse de F-3000 à une autre question:

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

Question 19

Essayer:

alert(arguments.callee.toString());

Question 20

La réponse est courte: alert(arguments.callee.name);