Как использовать в конструкторе метод в методе с таймаутом?

Question

Вызываю метод sayMeow() в методе voice() без таймаута. Все норм

   function catTemplate(cat) {
    this.word = 'meow',
    this.sayMeow = function(){
        console.log(this.word);
    }
    this.voice = function(){
       this.sayMeow();
    };
}
var Barsik = new catTemplate;
Barsik.voice();

С таймаутом not a function

 function catTemplate(cat) {
    this.word = 'meow',
    this.sayMeow = function(){
        console.log(this.word);
    }
    this.voice = function(){
        setTimeout(this.sayMeow , 1000)
    };
}
var Barsik = new catTemplate;
Barsik.voice();

Answer 1

Так происходит потому что теряется контекст (В данном случае this Вашего класса). Для того чтобы исправить данную проблему необходимо осуществить привязку контекста к данному методу используя bind(). Привязка контекста к функции

 function catTemplate(cat) {
    this.word = 'meow',
    this.sayMeow = function(){
        console.log(this.word);
    }
    this.voice = function(){
        setTimeout(this.sayMeow.bind(this) , 1000)
    };
}
var Barsik = new catTemplate;
Barsik.voice();