Почему не машинопись не использует трюк «сам»?

Question

Я написал следующий код Машинопись:

class Person { 
    constructor(public firstname: string, public lastname:string){ 
} 

public die(){ 
    this.lastname += " RIP"; 
} 

И это компилируется:

var Person = (function() { 
    function Person(firstname, lastname) { 
     this.firstname = firstname; 
     this.lastname = lastname; 
    } 

    Person.prototype.die = function() { 
     this.lastname += " RIP"; 
    }; 
    return Person; 
})(); 

Что, конечно, является правильным способом, но это не будет работать, как ожидается, в следующем случае:

function run(delegate){ 
    delegate(); 
} 

var person = new Person("guy", "dude"); 
run(person.die); 
alert(person.lastname); 
alert(lastname); 

Ожидаемые предупреждения здесь будут «dude RIP», а затем «undefined». Однако фактическим результатом будет «чувак» и «неопределенный RIP». Это связано с тем, что этот параметр работает в JS странно.

Обычное решение, который должен использовать переменный само замыкание, и отказаться от механизма прототипа, т.е.

var Person = (function() { 
    function Person(firstname, lastname) { 
     var self = this; 
     self.firstname = firstname; 
     self.lastname = lastname; 
     self.die = function() { 
      self.lastname += " RIP"; 
     } 
    } 
    return Person; 
})(); 

Какого будет работать, как ожидалось. Что является преимуществом этого конкретного способа компиляции кода? Разписал ли машинопись о том, чтобы оставить этот кусок неинтуитивного кода?

Answer 1

Вы должны изменить структуру кода немного, чтобы заставить его использовать _this = this шаблон:

class Person { 
    constructor(public firstName: String, public lastName: String) { 
    } 

    die =() => { 
     this.lastName += "dead" 
    } 
} 

Becomes:

var Person = (function() { 
function Person(firstName, lastName) { 
    var _this = this; 
    this.firstName = firstName; 
    this.lastName = lastName; 
    this.die = function() { 
     _this.lastName += "dead"; 
    }; 
} 
return Person; 
})(); 

Ключевой частью является то, что вам необходимо поместить кубик функции на объекте, а не прототипе, который заставляет его использовать _this = this.

Answer 2

Вы должны использовать синтаксис функции стрелки, когда хотите ее захватить. Я думаю, что было бы лучше использовать это при создании делегата вместо создания класса.

Единственное изменение необходимо было бы:

run(()=>person.die()); 

Это позволяет захватывать это для любой функции независимо от того, как она была определена.