Clarifying JavaScript prototypes

Question

Suppose I have a child function:

function Child() {}

and have a parent function:

function Parent() {}

then I set the Child's prototype to a new instance of Parent:

Child.prototype = new Parent()

the confusion is each time when I create new an instance of Child

var c = new Child()

Would the Parent be created again?

possible duplicate of Confused about JavaScript prototypal inheritance — user1693593
– user1693593, Commented Jul 8, 2013 at 2:31
No, Parent is not created again. It is created once, when new Parent() is called, to set Child.prototype. — user663031
– user663031, Commented Jul 8, 2013 at 2:34

go-oleg · Accepted Answer · 2013-07-08 02:41:17Z

1

It is created only once. Every time you call new Child() a new Child object is created and the same Parent object is set to be its prototype. You can confirm this by doing the following (jsfiddle):

function Child() {}
function Parent() {
    this.aParentProp = { name : "Parent" };
}
Child.prototype = new Parent();
var c1 = new Child();
var c2 = new Child();

if(Object.getPrototypeOf(c1) === Object.getPrototypeOf(c2)) {
    alert("same prototype!");
}

if(c1.aParentProp === c2.aParentProp) {
    alert("same property!");
}

Both c1 and c2 have the same prototype using Object.getPrototypeOf. Also, both c1's and c2's aParentProp points to the same object instance showing that both c1 and c2 share the same Parent object for their prototype.

edited Jul 8, 2013 at 2:41

answered Jul 8, 2013 at 2:34

go-oleg

19.5k3 gold badges46 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Clarifying JavaScript prototypes

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related