javascript - 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

これを試して

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 2

これを試してください：

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

Answer 3

前のオブジェクトを参照する変数を定義します。

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

Answer 4

いくつかの方法:

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 5

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

}

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

Answer 6

あなたのコードは、いくつかのことを差し引いたものです。

setTimeout(this.myObj.go,200)

する必要があります

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

this.myObjsetTimeout のスコープ内になく、無名関数または変数関数にラップされていなかったため、未定義でした。しかし、あなたは正しい軌道に乗っていました！