Extending a jQuery prototype

Question

I have a method addObject on a jQuery prototype which I have done using jQuery.fn.extend().

jQuery.fn.extend({
    addObject : function(objectKey){
        this[objectKey] = {};
    }
});

Now I want to add a method addNewObject to its prototype. I am trying to emulate the below scenario

function addObject(){
    ...
}

addObject.prototype.addNewObject = function(){
    ...
}

How is my addObject accessible with new keyword?

"I have a method addObject on jquery prototype which I have done using jQuery.fn.extend()." Show us, don't tell us. — T.J. Crowder
– T.J. Crowder, Commented Jan 24, 2016 at 15:23
jQuery.fn.addObject.prototype.addNewObject = function() {... — adeneo
– adeneo, Commented Jan 24, 2016 at 15:31

charlietfl · Accepted Answer · 2016-01-24 16:07:54Z

2

Instead of using extend you could use:

// insulate plugin in IIFE
(function() {
    // declare function
    function addObject(options) {
        return this.each(function(){});
    }
    // add prototypes
    addObject.prototype.addNewObject = function() {}

    // extend as plugin by passing function reference
    $.fn.addObject = addObject;


})(jQuery);

See https://jqueryboilerplate.com/ for lots of information, guides , patterns etc for developing plugins

edited Jan 24, 2016 at 16:07

answered Jan 24, 2016 at 15:31

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Collectives™ on Stack Overflow

Extending a jQuery prototype

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related