JavaScript object inheritance issue

Question

I'm a beginner with JavaScript Objects and Prototypes and trying to develop my first " multi-level inherited" JS Objects, an unexpected issue came up. This is my code:

var Utils = function () {};
Utils.prototype = {
    sayHelloGeneral: function(){
        console.log('hello');
    }
};

var FormTools = function () {
    Utils.call(this);
    this.fields = [];
};
FormTools.prototype = Object.create(Utils.prototype);
FormTools.prototype.constructor = FormTools;
FormTools.prototype.sayHelloForm= function (fields) {
    console.log('hello form');
};

function GroupManager(value) {
    FormTools.call(this);

    this.val = typeof values === 'undefined' ? 1 : value;
};
GroupManager.prototype = Object.create(FormTools.prototype);
GroupManager.prototype.constructor = GroupManager;
GroupManager.prototype.helloGroupManager= function (givenValue) {
    console.log('Hello group manager');
};

Why when I try to call the group manager, it prints only the sayHelloGeneral function?

var GM = new GroupManager;

GM.sayHelloGeneral(); //->ok
GM.helloGroupManager(); //--> ok
GM.sayHelloForm(); //->sayHelloForm is not a function

jsfiddle.net/gvhmfoux

Sandeep Nayak
– Sandeep Nayak

2015-10-09 10:26:52 +00:00
Commented Oct 9, 2015 at 10:26 — Sandeep Nayak
– Sandeep Nayak, Commented Oct 9, 2015 at 10:26
Working fine for me..where is your sayhello()?

Sandeep Nayak
– Sandeep Nayak

2015-10-09 10:27:21 +00:00
Commented Oct 9, 2015 at 10:27 — Sandeep Nayak
– Sandeep Nayak, Commented Oct 9, 2015 at 10:27
Sorry it was sayHelloGeneral. Fixed :)

Roberto Rizzi
– Roberto Rizzi

2015-10-09 10:31:33 +00:00
Commented Oct 9, 2015 at 10:31 — Roberto Rizzi
– Roberto Rizzi, Commented Oct 9, 2015 at 10:31

Sandeep Nayak · Accepted Answer · 2015-10-09 10:31:18Z

1

It seems to be working fine. See the snippet below

var Utils = function () {};
Utils.prototype = {
    sayHelloGeneral: function(){
        console.log('hello');
    }
};

var FormTools = function () {
    Utils.call(this);
    this.fields = [];
};
FormTools.prototype = Object.create(Utils.prototype);
FormTools.prototype.constructor = FormTools;
FormTools.prototype.sayHelloForm= function (fields) {
    console.log('hello form');
};

function GroupManager(value) {
    FormTools.call(this);

    this.val = typeof values === 'undefined' ? 1 : value;
};
GroupManager.prototype = Object.create(FormTools.prototype);
GroupManager.prototype.constructor = GroupManager;
GroupManager.prototype.helloGroupManager= function (givenValue) {
    console.log('Hello group manager');
};


var GM = new GroupManager;

//GM.sayhello(); //->ok---> should be sayHelloGeneral()
GM.sayHelloGeneral();
GM.helloGroupManager(); //--> ok
GM.sayHelloForm(); //->Works fine too

answered Oct 9, 2015 at 10:31

Sandeep Nayak

4,7571 gold badge25 silver badges34 bronze badges

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

1 Comment

Roberto Rizzi Over a year ago

Thanks guys! I realised that the problem was in my code FormTools.prototype.sayHelloForm was FormTools.prototypesayHelloForm. Of course above it's just an example and my code is far bigger than my silly example :) Thanks a lot

Collectives™ on Stack Overflow

JavaScript object inheritance issue

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