«это» ссылки на JavaScript

Question

У меня есть небольшая проблема в программировании объекта в JavaScript

Там является «класс» задачи, он имеет несколько методов, метод, содержащий асинхронную отправку запроса с помощью JQuery ($.ajax). После успешного выполнения запроса необходимо выполнить конкретный метод (например, successFunction) класса Task.

Проблема заключается в том, после запроса в теле successFunction это невозможно, чтобы обратиться к классу с помощью ключевого слова this, потому что контекст изменился, и это содержит ссылку на Jquery-объекта, который выполняет ajax-request.

Какие варианты относятся к текущему объекту задачи внутри функции, которая не вызвана напрямую, а внешне существует? (Например, событием или ajax)

Answer 1

Обычно в событии AJAX, таком как обратный вызов успеха, this относится к объекту, возвращаемому вызовом $.ajax. Вы можете использовать параметр context для изменения контекста в успехе обратного вызова:

$.ajax({ 
    url: '/foo', 
    context: this, // <!-- change the context of the success callback 
    success: function(result) { 
     // 'this' here will refer to whatever it refered outside 
    } 
}); 

Вы также мог бы пройти сложные объекты:

$.ajax({ 
    url: '/foo', 
    context: { element: this, foo: 'bar' }, 
    success: function(result) { 
     // you can use 'this.element' and 'this.foo' here 
    } 
}); 

Answer 2

Вы можете определить переменные, которая хранит ссылку на объект:

function Task() { 
    var that = this; 
    this.call = function() { 
    $.ajax({ 
     url: '/foo', 
     success: function(result) { 
     console.log(that); // <-- you cann access this object via that 
     } 
    }); 
    }; 
} 

Answer 3

Использовать затворы. Вы можете прочитать о них здесь:

http://www.using-jquery.com/2010/12/what-are-javascript-closures/