如何在 JavaScript 函数中获取函数的名称？

Question

How is it possible to learn the name of function I am in?

The below code alerts 'Object'. But I need to know how to alert "Outer."

function Outer(){

    alert(typeof this);

}

Answer 1

This will work:

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

Answer 2

I think that you can do that :

var name = arguments.callee.toString();

For more information on this, take a look at this article .

function callTaker(a,b,c,d,e){
  // arguments properties
  console.log(arguments);
  console.log(arguments.length);
  console.log(arguments.callee);
  console.log(arguments[1]);
  // Function properties
 console.log(callTaker.length);
  console.log(callTaker.caller);
  console.log(arguments.callee.caller);
  console.log(arguments.callee.caller.caller);
  console.log(callTaker.name);
  console.log(callTaker.constructor);
}

function callMaker(){
  callTaker("foo","bar",this,document);
}

function init(){
  callMaker();
}

Answer 3

As of ES6, you can use Function.prototype.name . This has the added benefit of working with arrow functions, since they do not have their own arguments object.

function logFuncName() {
  console.log(logFuncName.name);
}

const logFuncName2 = () => {
  console.log(logFuncName2.name);
};

Answer 4

Took me a while to figure this out, so tried to make it very clear for rookies like me.

Approach 1 - arguments.callee.name

This approach used to work, but now in ES6 Strict Mode it will fail. Don't use Approach 1.

//approach 1 - don't use
let functionName = arguments.callee.name;
console.log(functionName);

Approach 2 - create a function and use caller.name

This approach works in the latest version of Javascript and will not fail in Strict Mode. Use Approach 2. There are 2 steps.

Step 1 - Create a function that uses caller.name to return the name of the function that called it. Add this function to your code:

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

Step 2 - Call your function when you need the name of the function your code is currently in.

    function iWantThisName() { 
      console.log(getFuncName())
    }
    
    iWantThisName() 
    // Logs: "iWantThisName"