JS - 使用 timeOut 时的此参考

Question

当我使用 timeOut 时如何保留 this 引用？

var o = {
   f:function(){
     console.log(this)
     setTimeout(this.f,100);
     }
}
o.f();

当我运行此代码时，this 引用是错误的......我错过了什么？

Answer 1

this 依赖于invocation 方法。更多详情请看我的other stackoverflow answer。
f() 是 o 的成员，但 o.f 是一个传递给 timeout 并使用函数 invocation 调用的函数。 这将为您提供所需的结果。

var o = {
   f:function(){
     console.log(o)
     setTimeout(o.f,100);
     }
}
o.f();

这是另一个使用函数调用调用成员函数的示例：请参阅我的Fiddle

var anObject = {
    test: function(isThis, message) {
        if(this === isThis) 
            console.log("this is " + message);
        else
            console.log("this is NOT " + message);
    }//I am a method
};

//method invocation
anObject.test(anObject, "anObject"); //this is anObject

var aFunction = anObject.test;
//functional invocation
aFunction(anObject, "anObject with aFunction"); //this is NOT anObject with aFunction
aFunction(this, "global with aFunction");//this is global with aFunction

希望这会有所帮助。

Answer 2

您可以将参数作为第三个参数传递给 setTimeout。这样你就可以传递引用了。

但是，如果你想用 new 创建一些“面向对象”的东西，你应该使用一个函数来代替：

function obj() {
  this.publicFunction = function() {
    console.log("I'm public!");
  };
  var privateFunction = function() {
    console.log("Only accessible from inside this instance!");
  }
}

var objInstance = new obj();
objInstance.publicFunction(); // Logs w/o problem
objInstance.privateFuntion() // Undefined!

编辑（再次）： 但是如果出于某种原因你真的很想使用一个对象，this 在一个对象中，实际上是对对象本身的引用。但是由于该对象被定义为一个变量（在您的情况下也是全局的），因此可以直接引用名称而不是this。这里：

var o = {
  f: function() {
    console.log(this);  // Will log the object 'o'
    console.log(o);  // Same as above
  }
};

setTimeout(o.f, 100);