How useful is Function.name property? [closed]

Question

var func1 = function() {}
console.log(func1.name); // func1

Is there any real-time usage of this property from the javascript developer's perspective?

Answer 1

You can use it for debugging purposes when you pass function as a parameter to another function, for instance:

var fun1 = function(){};

function fun2(){};

var g = function(f){
    console.log("Invoking " + f.name);
    f();
}

if(Math.random() > 0.5){
    g(fun1);
} else {
    g(fun2);
}

Answer 2

The answer to this question will be quite broad, since there are hundreds of examples for the usage of property called name. They are covered in detail in JavaScript documentation. Few of the examples are following.

Changing the function name.

var newName = "xyzName";
var f = function () {};
Object.defineProperty(f, 'name', {value: newName});
console.log(f.name); // will output xyzName

For logging the class stack we can get the constructor name as in the following example.

function a() {};
var b = new a();
console.log(b.constructor.name); // will output a

Get the function name if it's not anonymous.

var getRectArea = function area(width, height) {
    return width * height;
}
getRectArea.name; //will output area