Как сделать setTimeout ссылкой на контекст объекта?

Question

var myObj = { 
    name:"mike", 
    go:function(){ 
     console.log(this.name); 
    } 

} 

myObj.go() //logs out mike 
setTimeout(this.myObj.go,200) //logs out (emptyString) 

Answer 1

Try this:

setTimeout(function(){ 
    myObj.go(); 
},200); 

Answer 2

Определить переменную ВЕ объекта перед:

var _this = this; 
setTimeout(function() {_this.myObj.go();}, 200); 

Answer 3

несколькими способами:

setTimeout(this.myObj.go.bind(this.myObj), 200); 

или

var that = this; 
setTimeout(function() { 
    that.myObj.go(); 
}, 200); 

Обратите внимание, что .bind не поддерживается в старых браузерах, поэтому для его поддержки может потребоваться полипол. Вот некоторая информация о методе: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind

Answer 4

var myObj = { 
    name:"mike", 
    go:function(){ 
     console.log(this.name); 
    } 

} 

setTimeout(function(){myObj.go()},200) 

Answer 5

Попробуйте

var myObj = { 
    name:"mike", 
    go:function(){ 
     console.log(this.name); 
    } 

} 

myObj.go(); //logs out mike 
setTimeout(function(){ 
    myObj.go(); //logs out mike too 
},200); 

Answer 6

Ваш код правильный минус несколько вещей.

setTimeout(this.myObj.go,200) 

Должно быть

setTimeout(function() {myObj.go()},200) 

Это было не определено, потому что this.myObj не было в рамках SetTimeout и не было завернутые в анонимной функции или переменной функции. Вы были на правильном пути, хотя!