如何在setInterval和setTimeout函数中更改“this”的范围

Question

怎么可能用this里面setInterval和setTimeout电话？

我想用它像：

function myObj() {
  this.func = function(args) {
    setTimeout(function() { 
      this.func(args);
    }, 1000);
  }
}

前段时间我用.onclick事件这样做：

this.click = function(func) {
  this.elem.onclick = (function(func, obj) {return function(){func.apply(obj)} })(func,this);
};

但是我不知道如何在intervals和timeouts做到这一点。

Answer 1

最简单的方法是只保存this到本地。 调用setInterval和setTimeout回调的上下文不会更改本地self 。 它将保持原始的this值

function myObj() {
  var self = this;
  this.func = function(args) {
    setTimeout(function() { 
      self.func(args);
    }, 1000);
  }
}

Answer 2

理论上 ，你可以继续在任何地方继续使用this ，并避免that ， self等像这样：

setTimeout.call(this, function() { 
  this.func(args);
}, 1000);

...要么...

setTimeout.apply(this, [function() { 
  this.func(args);
}, 1000]);

... 但是，这样做会导致Firefox 22+中出现以下错误：

NS_ERROR_XPC_BAD_OP_ON_WN_PROTO ：WrappedNative原型对象上的非法操作

如果你正在使用jQuery 1.4+，你可以通过使用jQuery.proxy()而不是call或apply来避免这种apply ：

setTimeout( $.proxy(function() {
  this.func(args);
}, this), 50);