Làm thế nào để có được tên hàm từ bên trong hàm đó?

Làm thế nào tôi có thể truy cập một tên hàm từ bên trong chức năng đó?

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

Trong ES5, điều tốt nhất để làm là:

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

Sử dụng Function.callerlà không chuẩn. Function.callervà arguments.calleeđều bị cấm trong chế độ nghiêm ngặt.

Chỉnh sửa: câu trả lời dựa trên regex của nus dưới đây đạt được điều tương tự, nhưng có hiệu suất tốt hơn!

Trong ES6, bạn chỉ có thể sử dụng myFunction.name.

Lưu ý: Coi chừng một số trình khai thác JS có thể loại bỏ các tên hàm, để nén tốt hơn; bạn có thể cần phải điều chỉnh cài đặt của chúng để tránh điều đó.

ES6 (lấy cảm hứng từ câu trả lời của sendy halim bên dưới):

myFunction.name

Giải thích về MDN . Kể từ năm 2015 hoạt động trong nodejs và tất cả các trình duyệt chính trừ IE.

Lưu ý: Trên các hàm bị ràng buộc, điều này sẽ cho " bound <originalName>". Bạn sẽ phải loại bỏ "ràng buộc" nếu bạn muốn có được tên gốc.

ES5 (lấy cảm hứng từ câu trả lời của Vlad):

Nếu bạn có một tham chiếu đến hàm, bạn có thể làm:

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
}

• Tôi đã không chạy thử nghiệm đơn vị về điều này, hoặc xác minh sự khác biệt thực hiện, nhưng về nguyên tắc nó sẽ hoạt động, nếu không để lại nhận xét.
• Lưu ý: sẽ không hoạt động trên các chức năng bị ràng buộc
• Lưu ý: điều đó callervà calleeđược coi là không dùng nữa.

[1] Tôi bao gồm nó ở đây vì nó hợp pháp và thường là đủ các công cụ tô sáng cú pháp không tính đến khoảng trắng giữa tên hàm và dấu ngoặc đơn. Mặt khác, tôi không biết về bất kỳ triển khai nào .toString () sẽ bao gồm khoảng trắng ở đây, vì vậy đó là lý do tại sao bạn có thể bỏ qua nó.

Để trả lời cho câu hỏi ban đầu, tôi sẽ bỏ thừa kế ký sinh và đi tìm một số mẫu thiết kế OOP truyền thống hơn. Tôi đã viết một TidBits.OoJs để thoải mái viết mã OOP bằng JavaScript với một bộ tính năng bắt chước C ++ (chưa hoàn thành, nhưng chủ yếu).

Tôi thấy từ các ý kiến ​​mà bạn muốn tránh truyền parentnhu cầu thông tin cho nhà xây dựng của nó. Tôi phải thừa nhận rằng các mẫu thiết kế truyền thống sẽ không cứu bạn khỏi đó, vì nó thường được coi là một điều tốt để làm cho sự phụ thuộc của bạn trở nên rõ ràng và được thi hành.

Tôi cũng sẽ đề nghị để tránh xa các chức năng ẩn danh. Họ chỉ thực hiện gỡ lỗi và định hình Pita vì mọi thứ chỉ hiển thị là "chức năng ẩn danh" và không có lợi ích gì cho họ mà tôi biết.

những gì bạn đang làm là gán hàm không tên cho một biến. thay vào đó, bạn có thể cần biểu thức hàm được đặt tên ( http: // Khangax.github.com/nfe/ ).

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

tuy nhiên tôi không chắc có bao nhiêu trình duyệt chéo; có một vấn đề với IE6 khiến cho chức năng của bạn bị rò rỉ ra phạm vi bên ngoài. Ngoài ra, argument.callee là loại không dùng nữa và sẽ dẫn đến lỗi nếu bạn đang sử dụng strict mode.

Bất kỳ constructorphơi bày một tài sản name, đó là tên chức năng. Bạn truy cập constructorthông qua một thể hiện (sử dụng new) hoặc a 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

Nó trông giống như điều ngu ngốc nhất mà tôi đã viết trong cuộc đời mình, nhưng thật buồn cười: 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- độ sâu của ngăn xếp. 0- trả lại tên hàm này, 1- cha mẹ, v.v.;
[0 + d]- chỉ để hiểu - những gì xảy ra;
firefoxMatch- hoạt động cho safari, nhưng tôi thực sự có ít thời gian để thử nghiệm, vì chủ sở hữu của mac đã quay lại sau khi hút thuốc và đuổi tôi đi: '(

Kiểm tra:

function limbo(){
  for(let i = 0; i < 4; i++){
    console.log(getName(i));
  }
}
function lust(){
  limbo();
}
function gluttony(){
  lust();
}

gluttony();

Kết quả:
Chrome:

Fitefox:

Giải pháp này được tạo ra chỉ để cho vui ! Không sử dụng nó cho các dự án thực tế. Nó không phụ thuộc vào đặc điểm kỹ thuật ES, nó chỉ phụ thuộc vào việc thực hiện trình duyệt. Sau lần cập nhật chrome / firefox / safari tiếp theo, nó có thể bị hỏng.
Hơn thế nữa, không có lỗi (ha) xử lý - nếu dsẽ nhiều hơn chiều dài ngăn xếp - bạn sẽ gặp lỗi;
Đối với mô hình thông báo lỗi của người viết khác - bạn sẽ gặp lỗi;
Nó phải hoạt động cho các lớp ES6 ( .split('.').pop()), nhưng bạn có thể bị lỗi;

Điều này có thể làm việc cho bạn:

function foo() { bar(); }

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

chạy foo () sẽ xuất ra "foo" hoặc không xác định nếu bạn gọi từ một hàm ẩn danh.

Nó cũng hoạt động với các hàm tạo, trong trường hợp đó, nó sẽ xuất ra tên của hàm tạo gọi (ví dụ "Foo").

Thêm thông tin tại đây: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/Caller

Họ cho rằng nó không chuẩn, nhưng cũng được hỗ trợ bởi tất cả các trình duyệt chính: Firefox, Safari, Chrome, Opera và IE.

Bạn không thể. Các hàm không có tên theo tiêu chuẩn (mặc dù mozilla có thuộc tính như vậy) - chúng chỉ có thể được gán cho các biến có tên.

Ngoài ra bình luận của bạn:

// access fully qualified name (ie "my.namespace.myFunc")

nằm trong hàm my.namespace.myFunc.getFn

Những gì bạn có thể làm là trả về hàm tạo của một đối tượng được tạo bởi new

Vì vậy, bạn có thể nói

var obj = new my.namespace.myFunc();
console.info(obj.constructor); //my.namespace.myFunc

Bạn có thể sử dụng cái này, cho các trình duyệt hỗ trợ Error.stack (gần như không phải tất cả, có lẽ)

function WriteSomeShitOut(){ 
  var a = new Error().stack.match(/at (.*?) /);
  console.log(a[1]);
} 
WriteSomeShitOut();

Tất nhiên đây là chức năng hiện tại, nhưng bạn có ý tưởng.

hạnh phúc chảy nước dãi trong khi bạn code

Bạn có thể sử dụng thuộc nametính để lấy tên hàm, trừ khi bạn đang sử dụng hàm ẩn danh

Ví dụ:

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

Bây giờ hãy thử với chức năng được đặt tên

var Person = function Person () {
  this.someMethod = function someMethod() {};
};

bây giờ bạn có thể sử dụng

// will return "someMethod"
p.getSomeMethodName()

Bạn có thể sử dụng tên constructor như:

{your_function}.prototype.constructor.name

mã này chỉ đơn giản trả về tên của một phương thức.

như một phần như ECMAScript 6bạn có thể sử dụng phương thức Function.name

function doSomething() {}

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

Bạn có thể sử dụngFunction.name :

Trong hầu hết các triển khai JavaScript, một khi bạn có phạm vi tham chiếu của hàm tạo, bạn có thể lấy tên chuỗi của nó từ thuộc tính tên của nó (ví dụ: Function.name hoặc Object.constructor.name

Bạn có thể sử dụngFunction.callee :

arguments.callerPhương thức gốc đã không được chấp nhận, nhưng hầu hết các trình duyệt đều hỗ trợ Function.caller, nó sẽ trả về đối tượng gọi thực tế (phần thân mã): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ Hàm / người gọi? Redirectlocale = en-US & redirectslug = JavaScript% 2FReference% 2FGlobal_Objects% 2FFeft% 2Fcaller

Bạn có thể tạo một bản đồ nguồn :

Nếu cái bạn cần là chữ ký hàm chữ ("tên" của nó) chứ không phải chính đối tượng, bạn có thể phải sử dụng một cái gì đó tùy chỉnh hơn một chút, như tạo một tham chiếu mảng các giá trị chuỗi API bạn sẽ cần truy cập thường xuyên. Bạn có thể ánh xạ chúng lại với nhau bằng cách sử dụng Object.keys()và chuỗi chuỗi của bạn hoặc xem xét thư viện bản đồ nguồn của Mozilla trên GitHub, cho các dự án lớn hơn: https://github.com/mozilla/source-map

Tôi biết đây là một câu hỏi cũ nhưng gần đây tôi đã gặp phải một số vấn đề tương tự trong khi cố gắng trang trí một số phương thức của React Element, cho mục đích gỡ lỗi. Như mọi người đã nói, arguments.callervà arguments.calleebị cấm trong chế độ nghiêm ngặt có thể được bật theo mặc định trong quá trình chuyển đổi React của bạn. Bạn có thể vô hiệu hóa nó hoặc tôi đã có thể đưa ra một bản hack khác, bởi vì trong React, tất cả các chức năng của lớp đều được đặt tên, bạn thực sự có thể làm điều này:

Component.prototype.componentWillMount = function componentWillMount() {
    console.log('Callee name: ', this.__proto__.constructor.toString().substr(0,30));
...
}

Điều này làm việc cho tôi.

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

Mã kiểm tra:

var obj = new AbstractDomainClass();
expect(obj.className()).toBe('AbstractDomainClass');

Tôi đã có một vấn đề tương tự và tôi đã giải quyết nó như sau:

Function.prototype.myname = function() {
   return this.toString()
       .substr( 0, this.toString().indexOf( "(" ) )
       .replace( "function ", "" ); 
}

Mã này thực hiện, theo một cách thoải mái hơn, một phản hồi tôi đã đọc ở đây ở đầu cuộc thảo luận này. Bây giờ tôi có một hàm thành viên lấy tên của bất kỳ đối tượng hàm nào. Đây là kịch bản đầy đủ ...

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

Nếu tôi hiểu những gì bạn muốn làm, đây là những gì tôi làm trong một hàm tạo.

if (!(this instanceof arguments.callee)) {
    throw "ReferenceError: " + arguments.callee.name + " is not defined";
}

Điều này sẽ hoạt động trong ES5, ES6, tất cả các trình duyệt và các chức năng chế độ nghiêm ngặt.

Đây là giao diện của hàm được đặt tên.

(function myName() {
  console.log(new Error().stack.split(/\r\n|\r|\n/g)[1].trim());
})();

at myName (<anonymous>:2:15)

Đây là giao diện của hàm ẩn danh.

(() => {
  console.log(new Error().stack.split(/\r\n|\r|\n/g)[1].trim());
})();

at <anonymous>:2:15

xem tại đây: http://www.tek-tips.com/viewthread.cfm?qid=1209619

arguments.callee.toString();

có vẻ phù hợp với nhu cầu của bạn

bạn có thể sử dụng Error.stack để theo dõi tên hàm và vị trí chính xác của vị trí bạn đang ở trong đó.

Xem stacktrace.js

Cách dễ dàng để có được tên chức năng từ trong phiên bản bạn đang chạy.

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