Wartość "this" w JavaScript

Question

Czy ktoś mógłby wyjaśnić, dlaczego "to" w następujących punktach do obiektu DOM, a nie do okna?

$("a").click(function() { 
    console.log(this); 
}); 

Daje do:

<a id="first" href="http://jquery.com"> 

Rozważmy następujący który powinien być taki sam scenariusz:

function Foo() { 
    this.click = function(f) { 
     f(); 
    } 
} 

var obj = new Foo(); 
obj.click(function() { 
    console.log(this); 
}); 

Co mamy oto obiektu window (czego się spodziewałem).

Answer 1

To zależy od kontekstu, w którym funkcja jest wykonywana. jQuery jawnie zmienia kontekst funkcji zwrotnej, podczas gdy twoja funkcja wykonuje funkcję w kontekście globalnym.

zmienić Kontekscie

function Foo() { 
    this.click = function(f) { 
     f.apply(this); 
    } 
} 

lub

function Foo() { 
    this.click = function(f) { 
     this.f = f 
     this.f(); 
    } 
} 

Dalsze odczytu:

http://dailyjs.com/2012/06/18/js101-this/

http://dailyjs.com/2012/06/25/this-binding/

Answer 2

this zostanie rozstrzygnięty w kontekście.

Po zmianie kodu na niższy, this wskaże some_other_object.

function Foo() { 
    this.click = function(f) { 
     f.call(some_other_object); 
    } 
} 

Answer 3

W JavaScript OOP różni się od tego, do czego jesteś przyzwyczajony w językach takich jak Java.

Zasadniczo łatwiej jest myśleć, że nie ma żadnego OOP i że this to tylko "ukryty argument" funkcji.

Na przykład, gdy widzisz

function f(x, y, z) { 
    console.log(this, x, y, z); 
} 

myślę, że w popularnych języków OOP (takich jak Java) które byłyby

function f(this, x, y, z) { 
    console.log(this, x, y, z); 
} 

Kiedy widzisz var a = b.f(x, y, z);, pomyśl var a = f(b, x, y, z).

Kiedy widzisz var a = f(x, y, z); myśleć var a = f(undefined, x, y, z); (w środowisku przeglądarki, gdy strict mode nie jest aktywna, to f(window, x, y, z);)

Teraz powinno być łatwiej zrozumieć dlaczego this w przykładzie oznacza różne rzeczy w zagnieżdżonych zakresów.

Answer 4

jQuery używa funkcji javascript apply podczas wywoływania procedur obsługi zdarzeń. Z dokumentacji mdn:

Wywołuje funkcję o podanej wartości i argumentach dostarczonych jako tablica.