Extend methods in Javascript

Question

I have two different objects to create a clock. A analogue and digital one. THey're practically the same except for minor changes.

Alot of methods in the object are used by both however; I want them to be instanced though. So i need them in the object. How can I extend for example a Clock object with the basic methods to analogueClock and digitalClock with Javascript?

This is what I have and doesn't work:

the call

if (clockType == 'digital') {
    clk = new DigitalClock(theClockDiv);
} else if (clockType == 'analogue') {
    clk = new AnalogueClock(theClockDiv);
}

baseClock = new baseClock();    
$.extend({}, clk, baseClock);

And the functions

function DigitalClock(theDigitalClockParent, indicatedTime) {
    this.indicatedTime = indicatedTime;
    this.interval = null;
    this.buildClock = function() {
        //CUSTOM THINGS HERE
    }

    this.setCurrentTime();
    this.buildClock();
    this.startRechecker();
}


function AnalogueClock(theAnalogueClockParent, indicatedTime) {
    this.indicatedTime = indicatedTime;
    this.interval = null;
    this.buildClock = function() {
        //CUSTOM THINGS HERE
    }

    this.setCurrentTime();
    this.buildClock();
    this.startRechecker();
}

function baseClock() {
    this.setCurrentTime = function() {
        if (this.indicatedTime != undefined) {
            this.date = new Date(railsDateToTimestamp(this.indicatedTime));
        } else {
            this.date = new Date();
        }

        this.seconds = this.date.getSeconds();
        this.minutes = this.date.getMinutes();
        this.hours = this.date.getHours();
    }

    this.startInterval = function() {

        //Use a proxy in the setInterval to keep the scope of the object.
        this.interval = setInterval($.proxy(function() {
            //console.log(this);
            var newTime = updateClockTime(this.hours, this.minutes, this.seconds);
            this.hours = newTime[0];
            this.minutes = newTime[1];
            this.seconds = newTime[2];
            this.buildClock();
        }, this), 1000);
    }

    this.stopInterval = function() {

        window.clearInterval(this.interval);
        this.interval = null;
    }   
}

Ehtesham · Accepted Answer · 2013-09-25 14:35:37Z

3

You can extend your DigitalClock and AnalogueClock with your base class. Something like following would do.

DigitalClock.prototype = new baseClock();
AnalogueClock.prototype = new baseClock();

So DigitalClock and AnalogueClock will inherit the methods of baseClock. Another option could be to use mixin and extend both classes with it.

answered Sep 25, 2013 at 14:35

Ehtesham

2,9851 gold badge20 silver badges22 bronze badges

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

4 Comments

CaptainCarl Over a year ago

Where do I use the .prototype? When making a new object, above the function or in the function?

Ehtesham Over a year ago

First define baseClass and any of the derived class. After defining derived class extend it from baseClass. So e.g. after defining DigitalClock extend it DigitalClock.prototype = new baseClock();.

CaptainCarl Over a year ago

I'll give it a shot when I'm home. I'll approve than! Thanks!

CaptainCarl Over a year ago

Sorry for the late comment. Works like a charm. Can i; however call methods from baseClock in DigitalClock?

Collectives™ on Stack Overflow

Extend methods in Javascript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related