Typescriptオブジェクトのリテラル "this"キーワード

Question

オブジェクトリテラルの関数内で "this"を使用する場合の予想される動作は何ですか？

たとえば、「bar」という名前の関数しか持たないfoo型があり、他のプロパティはありません。しかし、fooObj.barメソッドでthis.baz（ "baz"は "foo"型のプロパティではありません）にアクセスできます。エラーは表示されません。 fooObjに "baz"がないので、型付きエラーを出力してはいけませんか？

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

Answer 1

矢印機能which has lexical thisを使用しています。

オブジェクトリテラル内の非矢印関数プロパティの省略表現は、しかし、さらに短いです：あなたはthisがfooObjであることを推測するためにtypescriptですが求めている

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

Answer 2

。

Typescriptは、ローカル変数_thisを作成することによってをバインドします。これは、太矢印が宣言されたthis -contextにバインドされています。あなたの場合、thisはグローバルスコープで、anyです。これは、それがにコンパイルされるものです：

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

これは、それがクラス内でどのように見えるかです：true`のコンパイラオプション：

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; 
}());