OOP javascript object inheritance (parent/child)

Question

Hello I'm working with Javascript OOP and I can't get it to work. I want to call functions from another object (parent) via the child. This is my "class" code:

function Unit(_x, _y, _speed) {
    this.x = _x;
    this.y = _y;
    this.dx = _speed;
    this.dy = _speed;
    this.gravity = 0;
}
Unit.prototype.apply_gravity = function() {
    this.gravity+=global_gravity;
    this.y+=this.gravity;
}
Unit.prototype.render = function() {
    context.drawImage(images[0], canvas_screen.x+this.x, canvas_screen.y+this.y);
}

function Character() {
}

Character.inheritsFrom(Unit);

I want to be able to call the functions: "apply_gravity" and "render" from the character object like this:

var character = new Character(100,100,5);
character.render();

Joe · Accepted Answer · 2011-09-21 02:55:20Z

1

Replace:

Character.inheritsFrom(Unit);

with:

Character.prototype = new Unit(0,0,0); // or whatever defaults if you want them

See this jsFiddle Example

edited Sep 21, 2011 at 2:55

user166390

answered Sep 21, 2011 at 2:50

Joe

82.8k18 gold badges130 silver badges147 bronze badges

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

1 Comment

user166390 Over a year ago

I imagine inheritsFrom is some 3rd party library (and perhaps used incorrectly if it's Type.inheritsFrom), although I have no urge to investigate further.

Collectives™ on Stack Overflow

OOP javascript object inheritance (parent/child)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related