Як отримати ім’я функції з цієї функції?

Як я можу отримати доступ до імені функції зсередини цієї функції?

// 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, щоб зручно писати код OOP в JavaScript з набором функцій, що імітують C ++ (ще не завершено, але в основному).

З коментарів я бачу, що ви хочете уникнути передачі інформаційних parentпотреб його конструктору. Я мушу визнати, що традиційні моделі дизайну не врятують вас від цього, оскільки, як правило, вважається хорошою справою зробити ваші залежності очевидними та нав'язаними.

Я б також запропонував відмовитися від анонімних функцій. Вони роблять налагодження і профілюють PITA, тому що все відображається як "анонімна функція", і немає користі для них, про які я знаю.

те, що ви робите, - це присвоєння неназваній функції змінній. вам, ймовірно, потрібно замість цього висловлення функції ( http://kangax.github.com/nfe/ ).

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

однак я не впевнений, скільки це крос-браузер; є проблема з IE6, яка змушує витікати ім'я функції до зовнішньої області. Крім того, аргументи.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- працює на сафарі, але у мене було небагато часу для тестування, бо власник мака повернувся після куріння і відігнав мене: '(

Тестування:

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 воно може бути порушено.
Більше того, немає помилок (га) обробки - якщо 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

Що ви можете зробити, це повернути конструктор об'єкта, створеного новим

Так ви могли сказати

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

цей код просто повертає ім'я методу.

як частина, як ECMAScript 6ви можете використовувати метод Function.name

function doSomething() {}

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

Ви можете використовуватиFunction.name :

У більшості реалізацій JavaScript, коли ви маєте посилання вашого конструктора в області застосування, ви можете отримати його ім'я рядка з його властивості імені (наприклад, Function.name або Object.constructor.name

Ви можете використовуватиFunction.callee :

Нативний arguments.callerметод застарів, але більшість браузерів підтримує Function.caller, що повертає фактичний об'єкт, що викликає (його код коду): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ Функція / виклик? Redirectlocale = en-US & redirectslug = JavaScript% 2FReference% 2FGlobal_Objects% 2FFunction% 2Fcaller

Ви можете створити карту джерела :

Якщо вам потрібен підпис буквальної функції ("ім'я"), а не сам об'єкт, можливо, вам доведеться вдатися до чогось трохи більш налаштованого, наприклад, до створення посилань на масив значень рядка API, які вам потрібно доступ часто. Ви можете зіставити їх разом, використовуючи Object.keys()масив рядків, або переглянути бібліотеку Mozilla у вихідних картах на GitHub для великих проектів: 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

Простий спосіб отримати ім'я функції з fuction, який ви працюєте.

function x(){alert(this.name)};x()