Chiamata di più funzioni all'interno jQuery .on ("cambiamento" ... evento)

Question

voglio chiamare due funzioni quando myValue cambiamenti, e mentre questo funziona bene:

this.myValue.on("change", $.proxy(self.functionOne, self)); 
this.myValue.on("change", $.proxy(self.functionTwo, self)); 

né la funzione viene chiamata in questo caso:

this.myValue.on("change", function() { 
    $.proxy(self.functionOne, self); 
    $.proxy(self.functionTwo, self); 
}) 

non è un affare enorme per me, se non riesco a chiamare entrambe le funzioni all'interno di un evento di cambiamento come questo in questo momento, ma io sono abbastanza nuovo per jQuery e vorrebbe imparare perché.

Answer 1

è necessario chiamare le funzioni definite nel $.proxy():

this.myValue.on("change", function() { 
    $.proxy(self.functionOne, self)(); 
    $.proxy(self.functionTwo, self)(); 
}) 

Annotare la finale ().

Answer 2

Utilizzare il nativo apply o call invece

this.myValue.on("change", function() { 
    self.functionOne.apply(this, arguments); 
    self.functionTwo.apply(this, arguments); 
}); 

$.proxy prende una funzione e restituisce uno nuovo che avrà sempre un particolare contesto, e che funziona quando si fa riferimento la funzione restituito, ma non il modo in cui si lo stiamo facendo nel callback in quanto la funzione restituita non viene mai chiamata.

Si potrebbe ovviamente usare $.proxy e basta chiamare la funzione restituita così

this.myValue.on("change", function() { 
    $.proxy(self.functionOne, self)(); 
    $.proxy(self.functionTwo, self)(); 
}); 

o semplicemente lasciare jQuery gestirlo, ottimizza gli eventi e utilizza una coda interna comunque

this.myValue.on("change", self.functionOne); 
this.myValue.on("change", self.functionTwo); 

Answer 3

Il $.proxy il metodo restituirà solo una funzione, ma non la chiamerà. È possibile utilizzare:

self.functionOne.call(self); 
self.functionTwo.call(self); 

La funzione di chiamata chiama la funzione e si passa al "contesto", ad esempio. ciò che viene usato come 'this' all'interno della funzione, proprio come in $ .proxy.

Answer 4

Perché non puoi chiamarlo così semplice?

this.myValue.on("change", function() { 
    functionOne(); 
    functionTwo(); 
})