Javascript inheritance of constructor with variables

Question

Let's say I have

function Point(x, y)
{
    this.X = x;
    this.Y = y;
}

and I want to have a class Point2. Using this and this I came up with this code:

function Point2(x, y)
{
    this.X = x; // <-
    this.Y = y; // <-
}

Point2.prototype = new Point();
Point2.prototype.constructor = Point;

However, if I have many variables or many inheritances, I don't want to repeat the assignment of properties all the time (see the lines with <-. If I write it like this, like it says in the second link:

Point2.call(this);

, I get an error: Maximum call stack size exceeded, because it calls itself, which looked suspicious for me from the start.

So, is there a way to call the parent constructor with the same incoming values instead of repeating the whole code?

Your inheritance is wrong. stackoverflow.com/a/15045616/34397 — SLaks
– SLaks, Commented Aug 19, 2013 at 20:28

SLaks · Accepted Answer · 2013-08-19 20:27:22Z

4

You need to call the parent constructor, not your own constructor:

Point.call(this, x, y);

If the arguments are always the same, you can also write Point.apply(this, arguments);

answered Aug 19, 2013 at 20:27

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

1 Comment

Andrius Naruševičius Over a year ago

Great, that did the job, also thanks for the apply for all arguments!

Collectives™ on Stack Overflow

Javascript inheritance of constructor with variables

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related