How can I create a callable prototype method within another prototype

Question

I'm working on trying to build a small library of functions within an object prototype. I'd perviously just been throwing my helper functions as global functions, however i'm trying to migrate to something more self contained.

Anyway my proto wrapper looks like this;

Q.fn = jHelper.prototype = {

    // helper functions
    addClass: function() {}, //...
    removeClass: function() {}, //...  
    // etc..

    // I want to add a child prototype method here that can be called
    Parent: function() {
        child: function(args) {
           console.log(args);
        }
    }

}

Q.Parent.child("test");

The problem is that I can't call functions inside "Parent". How do set this up so I can add child functions as a prototype of "Parent"?

alex · Accepted Answer · 2015-02-13 05:14:08Z

1

Your Parent is pointing to a function, with has a label pointing to a function.

It would need to look like this...

Parent: {
    child: function(args) {
       console.log(args);
    }
}

This also assumes that Q.fn points to Q.prototype.

I want "child" to be a prototype method of "Parent"

You would need to set it up like a normal prototype.

You could (if your targets supported __proto__) set it up directly like so...

Parent.__proto__ = { child: function() { } };

jsFiddle.

This means that Parent's prototype chain (note: don't give it a capital letter as that's a convention for constructor functions) will look like this: Parent -> Object with child -> Object.prototype.

Object.prototype is the end of the line, you can see this by evaluating ({}).__proto__ === Object.prototype.

edited Feb 13, 2015 at 5:14

answered Feb 13, 2015 at 5:07

alex

492k205 gold badges891 silver badges992 bronze badges

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

2 Comments

user3143218 Over a year ago

I want "child" to be a prototype method of "Parent";

user3143218 Over a year ago

This is what the full wrapper looks like, not sure if this is right way of going about it though; jsfiddle.net/b86roet2

Collectives™ on Stack Overflow

How can I create a callable prototype method within another prototype

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related