JQuery: Odwoływanie się do zakresu zewnętrznego w ramach wywołania zwrotnego

Question

Mam problem z OO Javascript i wywołania zwrotnego jQuery. Jeśli spojrzysz na poniższy przykład, powinno to wszystko wyjaśnić.

Jak wywołać functionToCall() głęboko w tym funktcepcji.

function outerClass() { 
    this.functionToCall = function() { 
     //do something 
    } 

    this.someOtherFunction = function() { 

    this.aCoupleOfVariables1 = 2; 
    this.aCoupleOfVariables2 = "stuff"; 

    $.ajax({ 
     success: function() { 
     //How do I call functionToCall() right here 
     //TRIED: 
      functionToCall(); 
      this.functionToCall(); 
      that.functionToCall(); 
     } 
    }); 
    } 
} 

Answer 1

można przekazać this jako opcja context do $.ajax():

$.ajax({ 
    context: this, 
    success: function() { 
     // Here, 'this' refers to the same object as in the caller. 
     this.functionToCall(); 
    } 
}); 

Answer 2

mieć lokalne odniesienie do niej,

function outerClass() { 

    var self = this; 

    this.functionToCall = function() { 
    //do something 
    } 

    this.someOtherFunction = function() { 

    this.aCoupleOfVariables1 = 2; 
    this.aCoupleOfVariables2 = "stuff"; 

    $.ajax({ 
     success: function() { 
      self.functionToCall(); 
     } 
    }); 
    } 
} 

Answer 3

Trzeba zdefiniować that w zakresie zewnętrznej.

function outerClass() { 
    var that = this; 

    // ... 

    $.ajax({ 
     success: function() { 
      that.functionToCall(); 
     } 
    }); 
} 

Answer 4

trzeba zachować odniesienie do this value z zakresu macierzystego:

var parentScope = this; 

i dostęp functionToCall za pomocą tego przedmiotu

parentScope.functionToCall(); 

przykład:

function outerClass() { 
    var parentScope = this; 

    this.functionToCall = function() { 
     //do something 
    } 

    // ... 

    $.ajax({ 
     success: function() { 
      parentScope.functionToCall(); 
     } 
    }); 
} 

---

Innym sposobem byłoby użyć ES5 na .bind() aby ustawić wartość dla this obrębie wewnętrznej funkcji (-context)

$.ajax({ 
    success: function() { 
     // Here, 'this' refers to the same object as in the caller. 
     this.functionToCall(); 
    }.bind(this) 
}); 

Answer 5

Zachowaj zakres funkcji w zmiennej lokalnej i użyj jej lub możesz również użyć jquery proxy, w którym możesz określić kontekst.

function outerClass() { 
    this.functionToCall = function() { 
     //do something 
    } 

    this.someOtherFunction = function() { 

    this.aCoupleOfVariables1 = 2; 
    this.aCoupleOfVariables2 = "stuff"; 


    $.ajax({ 
     success: $.proxy(function() { 
      this.functionToCall(); 
     }, this) 
    }); 
    } 
}