Get name of derived constructor in Javascript

Question

Is it possible to get the name of the derived "class" in the following example? I'd like to somehow have the output be "ChildClass", but instead it's "ParentClass".

function ParentClass() { this.name = 'Bob' }
function ChildClass() { this.name = 'Fred' }
ChildClass.prototype = Object.create(ParentClass.prototype);

var child_instance = new ChildClass()
console.log('ChildClass type:', child_instance.constructor.name)

I realize I can do this.my_type = 'ChildClass' in the ChildClass constructor, but I have many classes that extend ParentClass and doing this everywhere would be inconvenient.

That's because your inheritance is not quite right. http://blog.slaks.net/2013-09-03/traditional-inheritance-in-javascript/ — SLaks, Jan 01 '14 at 03:20
@SLaks The inheritance is alright. The problem is that OP has not reset the `constructor` property. Read the following answer: http://stackoverflow.com/a/8096017/783743 — Aadit M Shah, Jan 01 '14 at 03:44
possible duplicate of [JavaScript inheritance and the constructor property](http://stackoverflow.com/questions/8093057/javascript-inheritance-and-the-constructor-property) — Aadit M Shah, Jan 01 '14 at 03:45
@AaditMShah: Exactly. That's what I explain at the end of my blog post. — SLaks, Jan 01 '14 at 04:01

score 5 · Accepted Answer · edited May 23 '17 at 12:30

The problem in your case is that you're overwriting the prototype property of ChildClass but you're not reseting the constructor property on the new prototype. You need to add one extra line:

function ParentClass() {
    this.name = "Bob";
}

function ChildClass() {
    this.name = "Fred";
}

ChildClass.prototype = Object.create(ParentClass.prototype);

ChildClass.prototype.constructor = ChildClass; // add this line to your code

Now your code will work as expected. The following answer explains why your original code didn't work: https://stackoverflow.com/a/8096017/783743

Personally I don't like writing "classes" like this with the constructor and the prototype dangling separately. It's just too tedious to type, incoherent, a pain on the eyes and difficult to maintain. Hence I use the following utility function to create classes:

function defclass(base, body) {
    var uber = base.prototype;
    var prototype = Object.create(uber);
    var constructor = (body.call(prototype, uber), prototype.constructor);
    constructor.prototype = prototype;
    return constructor;
}

Now you can create classes as follows:

var ParentClass = defclass(Object, function () {
    this.constructor = function () {
        this.name = "Bob";
    };
});

var ChildClass = defclass(ParentClass, function () {
    this.constructor = function () {
        this.name = "Fred";
    };
});

This method has several advantages:

Inheritance and class definition have been combined into one.
The constructor is just another prototype method.
Everything is nicely encapsulated within a single closure.
Calling base class prototype methods is easy.
You can create private static functions easily.

Hope that helps.

Get name of derived constructor in Javascript

1 Answers1

Linked