Литературный объект буквальное «это» ключевое слово

Question

Какое ожидаемое поведение при использовании «this» внутри функции в литерале объекта?

Например, допустим, у меня есть тип foo, который имеет только функцию с именем «bar», а не другое свойство. Но в методе 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.

Стенограмма для функции собственности без стрелки в виде литерала объекта еще короче, хотя:

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

Answer 2

Вы просите машинописный сделать вывод, что this является fooObj.

Машинопись связывает this путем создания локальной переменной _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); 
    } 
}; 

Вот как это выглядит в классе:

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