jQuery callback and prototype inheritance

Question

I create the following class :

APP.core.View = function () {
    var self = this;

    $.ajax ( { url: 'test.html' } ).done ( self.build );

    return self;
};


APP.core.View.prototype.build = function ( source ) {
    var self = this;

    // this refers to the AJAX callback.

    return self;
};

As you can see in the build method, the reference to this (the one belonging to APP.core.View) has been lost. How can I get it back ? I know I could pass a ref to this in the AJAX callback like this :

$.ajax ( { url: 'test.html' } ).done ( function ( source ) {
    self.build ( source, self );
} );

But I don't really like it as I feel like a method should never loose the ref to its object.

Any idea/suggestion ? :)

Arun P Johny · Accepted Answer · 2013-10-30 13:26:03Z

2

You can use $.proxy() to create a cross platform solution

APP.core.View = function () {
    $.ajax({
        url: 'test.html'
    }).done($.proxy(this.build, this));
    return this;
};

For modern browsers, you can use .bind()

APP.core.View = function () {
    $.ajax({
        url: 'test.html'
    }).done(this.build.bind(this));
    return this;
};

edited Oct 30, 2013 at 13:26

answered Oct 30, 2013 at 13:21

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

Simon · Accepted Answer · 2013-10-31 10:04:43Z

0

I just found another answer in the jQuery AJAX doc. The jQuery.ajax function provides a context argument which lets you specifies the callbacks context. Example :

$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

Source : http://api.jquery.com/jQuery.ajax/

answered Oct 31, 2013 at 10:04

Simon

1,7194 gold badges22 silver badges37 bronze badges

Collectives™ on Stack Overflow

jQuery callback and prototype inheritance

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related