Typescript Objektliteral "this" Schlüsselwort

Question

Was ist das erwartete Verhalten, wenn "this" innerhalb einer Funktion in einem Objektliteral verwendet?

Zum Beispiel, ich habe einen Typ foo, der nur eine Funktion namens "bar" hat und keine andere Eigenschaft darauf. Aber in der fooObj.bar-Methode kann ich auf this.baz zugreifen (wobei "baz" keine Eigenschaft vom Typ "foo" ist). Ich sehe keinen Fehler. Sollte man den Fehler nicht ausschreiben, da fooObj nicht "baz" drauf hat?

Answer 1

Sie verwenden eine Pfeilfunktion, which has lexical this.

Die Abkürzung für eine nicht-Pfeil-Funktion Eigenschaft in einem wörtlichen Objekt ist noch kürzer, aber:

var fooObj: foo = { 
    bar() { 
     console.log(this.baz); 
    } 
} 

Answer 2

Sie Typoskript fragen zu folgern, dass thisfooObj ist.

Typescript bindet this durch Erstellen einer lokalen Variablen _this, die an den this -kontext gebunden ist, wo der Fettpfeil deklariert ist. Und in Ihrem Fall ist this der globale Gültigkeitsbereich, der any ist. Dies ist, was es in kompiliert wird:

var _this = this; 
var fooObj = { 
    bar: function() { 
     // TS does not error out when I access this.baz 
     console.log(_this.baz); 
    } 
}; 

Dies ist, wie es in einer Klasse aussieht:

class Bar 
{ 
    private var = 23; 
    public makeSound =() => console.log(this.var) 
} 

// Compiles into: 

var Bar = (function() { 
    function Bar() { 
     var _this = this; 
     this.var = 23; 
     this.makeSound = function() { return console.log(_this.var); }; 
    } 
    return Bar; 
}());