Das Schlüsselwort this in Typoskript. Ist es ein Fehler?

Question

Ich habe eine Member-Funktion render(). Diese Funktion ruft ein anderes Mitglied der Klasse add (any) auf. Dies ist das Snippet.

Wenn ich das Schlüsselwort "this" addiere, ist der Typ Fenster. Ich würde erwarten, dass es die Instanz der Mitgliedsklasse ist.

In einem Konstruktor, einer Memberfunktion oder einem Member-Accessor ist dies der Klasseninstanztyp der enthaltenden Klasse.

Answer 1

Ich glaube nicht, dass es ein Fehler ist.

Sie befinden sich nicht mehr im Bereich der render()-Funktion, sondern im Bereich each().

Try this:

render(){ 
    var that = this; 
    collection.each(that.add); 
} 

Answer 2

Wie JcFx weist darauf hin, Ihre this Tragweite im each Rückruf unterscheidet.

Wenn Sie jedoch eine ‚fetter Pfeil‘ anonyme Funktion verwenden, die lexikalischen Scoping-Regeln für this verwenden, so dass Sie bekommen, was Sie suchen:

render(){ 
    collection.each((x) => this.add(x)); 
} 

Compiliert an folgenden JavaScript:

X.prototype.render = function() { 
    var _this = this; 
    collection.each(function (x) { 
     return _this.add(x); 
    }); 
} 

ist eine weitere Option explizit bind auf die add Aufruf der gewünschten this:

render(){ 
    collection.each(this.add.bind(this)); 
}