Zakres „to” w JavaScript

Question

Mam klasy JavaScript, który wygląda tak:

function SomeFunction() 
{ 
    this.doSomething(function() 
    { 
     this.doSomethingElse(); 
    }); 

    this.doSomethingElse = function() 
    { 

    } 
} 

Ten kod wygeneruje błąd, ponieważ zakres „to” wewnątrz funkcji, która jest przekazywana do doSomething() jest inny niż zakres "tego" poza tą funkcją.

Rozumiem, dlaczego tak jest, ale jaki jest najlepszy sposób, aby sobie z tym poradzić? Właśnie to robię:

function SomeFunction() 
{ 
    var thisObject = this; 

    this.doSomething(function() 
    { 
     thisObject.doSomethingElse(); 
    }); 

    this.doSomethingElse = function() 
    { 

    } 
} 

To działa dobrze, ale po prostu wydaje się być hakiem. Zastanawiam się, czy ktoś ma lepszy sposób.

Answer 1

Ten komentator miał co szukałem (choć inne odpowiedzi są dobre):

@Jon Kruger Zobacz to, sprawdź swój artykuł do rozmowy, zbyt: https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Objects/Function/Apply - Jonathon 44 minut temu

Answer 2

Jest to poprawne i powszechnie akceptowane obejście. To trochę kludgy, ale to jest to, co każdy robi. Zazwyczaj ta dodatkowa zmienna nazywa self, jak w:

function SomeFunction() 
{ 
    var self = this; 

    this.doSomething(function() 
    { 
     self.doSomethingElse(); 
    }); 

    this.doSomethingElse = function() 
    { 

    } 
} 

Answer 3

this ma dynamiczny "zakres". Oznacza to, że jest on konfigurowany przez to, co wiąże, i jest związany "wywołaniem metody". Oznacza to, że każdyczas w programie widać to: w.f() następnie podczas f jest wykonywany, this dynamicznie związana f, nawet jeśli f miał this swoim zakresem leksykalnym.

Większość frameworków JavaScript zapewnia pewne możliwości rozwiązania tego problemu. Z Prototype.js (na przykład) można to zrobić:

this.doSomething(function() { this.doSomethingElse(); }.bind(this)); 

Twój "hack" jednak jest w porządku. Zwykle robię (function (self) { ... })(this) wokół dowolnych funkcji, których potrzebuję leksykalną zmienną o rozmiarach this.

Answer 4

Warto również wspomnieć, że następna wersja ECMAScript (specyfikacja językowa dla JavaScript) wprowadzi Function.bind(), która pozwoli ci określić stały kontekst dla funkcji.