Understanding "questa" parola chiave

Question

In this commit v'è un cambiamento non riesco a spiegare

deferred.done.apply(deferred, arguments).fail.apply(deferred, arguments); 

diventa

deferred.done(arguments).fail(arguments); 

AFAIK, quando si richiama una funzione come un membro di qualche oggetto come obj.func(), all'interno della funzione this è associato a obj, quindi non ci sarebbe alcun modo di invocare una funzione tramite apply() solo per il numero a obj. Invece, secondo i commenti, questo era necessario a causa di alcune precedenti implementazione $.Callbacks.add.

Il mio dubbio non si tratta di jQuery, ma circa il linguaggio Javascript stesso: quando si richiama una funzione come obj.func(), come può essere che all'interno func() la parola this non è vincolata-obj?

Answer 1

Il mio dubbio non si tratta di jQuery, ma circa il linguaggio Javascript stesso: quando si richiama una funzione come obj.func(), come può essere che all'interno func() la parola chiave this non è tenuto a obj?

Ebbene, l'unico modo in cui questo è possibile è se obj.func riferimento a una funzione bound, allora non importa come si chiama. In tal caso, non importa come si chiama la funzione, se si fa obj.func(), func(), func.call({}), func.apply({}) non importa affatto. Non sono sicuro di come il commit sia collegato a questo, comunque.

Per chiarire, sto rispondendo alla domanda citato interpretato come:

dato una firma chiamata come: obj.func(), come è possibile che this è nonobj all'interno della funzione chiamata per la chiamata?

Answer 2

Ciò è possibile solo facendo riferimento alla funzione da un altro oggetto in questo modo

obj2.func = obj.func; 
obj2.func(); // 'this' now refers to obj2 

var func2 = obj.func; 
func2(); // 'this' now refers to the global window object 

o chiamando .Applicare() o .Call() per associare this a qualsiasi oggetto arbitrario.

Answer 3

Una funzione viene sempre chiamata con un ricevitore, chiamato this all'interno della funzione, che viene dato in chiamata.

Quando stai scrivendo

obj.someFunc = function() {... 

che non stai dicendo che somefunc deve avere come ricevitore obj, si sta solo dicendo che obj ha una proprietà chiamata somefunc il cui valore è una funzione.

Se fai

var aFunc = obj.someFunc; 

piace è fatto in molti luoghi (fa riferimento di callback per esempio) e dopo che

aFunc(); 

il ricevitore (this) è in questo caso la finestra.

Questo perché le funzioni, in javascript, contrariamente ai linguaggi come java, sono oggetti di "prima classe", il che significa in particolare che è possibile passarli come valori e non essere associati a un ricevitore prespecificato univoco.

Answer 4

La versione abbreviata che utilizzo è che this in JavaScript fa sempre riferimento all'oggetto di cui la funzione attualmente in esecuzione è un metodo - tranne nel caso particolare quando il metodo è un callback, quando this fa riferimento all'oggetto a cui la callback è vincolata (es. un pulsante).

Modifica: nota che una funzione globale è come un metodo dell'oggetto window.

This QuirksMode page mi ha aiutato quando stavo imparando a riguardo.

Answer 5

Mentre le altre risposte riguardano la domanda relativa alla parola chiave this, non rispondono alla domanda relativa al motivo per cui è in uso lo apply. Ecco il kicker: apply non viene utilizzato per impostare la parola chiave this in questo esempio. Invece, viene utilizzato per passare arguments come argomenti delle funzioni done e fail.

Prendete questo esempio:

var x = { 
    a: function(a1, a2, a3) { 
     console.log(a1, a2, a3); 
    } 
} 

function callA() { 
    x.a.apply(x, arguments); 
    x.a(arguments); 
} 

callA('red', 'blue', 'green'); 

Se si esegue questo codice si dovrebbe vedere la differenza tra x.a.apply(x, arguments); e x.a(arguments);. Nel primo, a1, a2 e a3 i rispettivi colori "rosso", "blu" e "verde". Nella seconda, a1 è un oggetto di tipo array [ "red", "blue", "green" ] e a2 e a3 sono undefined.

Allo stesso modo, nell'esempio pubblicato, apply viene utilizzato per passare correttamente l'oggetto arguments, non per impostare la parola chiave this.