jQuery - $.extend not returning expected functions

Question

I'm using gmail.js for some project. In the library, there is a function like this :

api.dom.compose = function(element) {
    // stuff
}

api.dom.email = function(element) {
    this.id = element;
    var message_class_id = 'm' + this.id;
    this.id_element = $('div.ii.gt div.a3s.aXjCH.' + message_class_id);
    element = this.id_element.closest('div.adn');

    this.$el = element;
    return this;
};

$.extend(api.dom.email.prototype, {
    body: function(body) {
        var el = this.dom('body');
        if (body) {
            el.html(body);
        }
        return el.html();
    },

    from: function(email, name) {
        var el = this.dom('from');
        if (email) {
            el.attr('email',email);
        }
        if (name) {
            el.attr('name',name);
            el.html(name);
        }
        return {
            email: el.attr('email'),
            name: el.attr('name'),
            el: el
        };
    },

    // more extended functions

});

// more functions on the api.dom object

return api;

In my code I'm using it like so :

var email = provider.dom.email(mId);
console.log(email);

The console.log is really surprising. I was expecting to see the functions from the $.extend section. In that place, the functions showing are those registered on the api.dom object ! email() itself, compose, and more.

I don't get at all why this is happening. Thanks ahead for any help.

eisbehr · Accepted Answer · 2016-09-27 11:13:48Z

3

It was the prototype that has been extended. The functions are available when creating an instance with new. So do a console.log(api.dom.email.prototype); or create a new instance with new.

var email = new provider.dom.email(mId);
console.log(email);

answered Sep 27, 2016 at 11:13

eisbehr

12.5k8 gold badges42 silver badges65 bronze badges

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

Collectives™ on Stack Overflow

jQuery - $.extend not returning expected functions

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