Umfang „this“ in JavaScript

Question

Ich habe eine JavaScript-Klasse, die wie folgt aussieht:

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

    this.doSomethingElse = function() 
    { 

    } 
} 

Dieser Code einen Fehler wirft, weil der Umfang der „this“ innerhalb der Funktion, die in doSomething() übergeben ist anders als der Bereich von "this" außerhalb dieser Funktion.

Ich verstehe, warum das ist, aber was ist der beste Weg, damit umzugehen? Das ist, was ich am Ende mache:

function SomeFunction() 
{ 
    var thisObject = this; 

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

    this.doSomethingElse = function() 
    { 

    } 
} 

Das funktioniert gut, aber es fühlt sich einfach an wie ein Hack. Ich frage mich nur, ob jemand einen besseren Weg hat.

Answer 1

Dieser Kommentator hatte, was ich gesucht hatte (obwohl die anderen Antworten auch gut sind):

@ Jon Kruger dies sehen, die ihre Artikel für Aufruf aus, auch: https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Objects/Function/Apply - Jonathon 44 Minuten vor

Answer 2

Das ist die richtige und allgemein akzeptierte Problemumgehung. Es ist eine Art Kludgie, aber das machen alle. Typischerweise wird diese zusätzliche Variable self, wie es in dem Namen:

function SomeFunction() 
{ 
    var self = this; 

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

    this.doSomethingElse = function() 
    { 

    } 
} 

Answer 3

this dynamisch "scope" hat. Das bedeutet, dass es von dem angelegt wird, was es bindet, und this ist durch einen "Methodenaufruf" gebunden. Das heißt, jede Zeit in Ihrem Programm, das Sie sehen dies: w.f() dann während f ausgeführt wird, wird this dynamisch gebunden f, sogar wenn f hatte this in seinem lexikalischen Gültigkeitsbereich.

Die meisten JavaScript-Frameworks bieten einige Funktionen für die Behandlung dieses genauen Problems. Mit Prototype.js (zum Beispiel) Sie können dies tun:

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

Ihre "Hack" jedoch in Ordnung ist. Normalerweise mache ich eine (function (self) { ... })(this) um alle Funktionen, die ich brauche eine lexikalisch begrenzte this-ähnliche Variable.

Answer 4

Es ist auch erwähnenswert, dass die nächste Version von ECMAScript (die Sprachspezifikation für JavaScript) Function.bind() einführt, mit der Sie einen permanenten Kontext für eine Funktion angeben können.