在javascript中获取构造函数本身内的原型构造函数的名称

Question

Is it possible to get the name of a class inside the class itself in javascript? It would be useful for recursions on dynamically created classes in my middleware. Think that was an very improperly post — so I better define the problem I want to solve:

MyClass = function(){
  this.classname = ??? // Here is required and needed to store as a property
}

MyClass.prototype.log = function(){
   alert(this.classname); // The alert should be MyClass
}


var myClassObj = new MyClass();
myClassObj.log();

Answer 1

You are probably looking for this:

function MyClass() {};
var myInstance = new MyClass();
console.log(myInstance.constructor.name === "MyClass");
// true

To have this working, you must declare the function as above, not using MyClass = function(){} . Then, name property of function is used, leveraging prototype chain (when querying constructor property).

If you need to access directly in the constructor, use the constructor reference as well:

function MyClass() { console.log(this.constructor.name === "MyClass"); };
var myInstance = new MyClass();
// true

This question deals with similar topic, it might be useful for you as well: Get name as String from a Javascript function reference?

Answer 2

If "class" defined properly, class object has contructor property, which is a reference to class object.

function A() {
  alert(this instanceof this.constructor);
}
var a = new A();

you can inspect A.prototype in console by

console.dir(A.prototype)

command