Javascript this 对象在间隔/超时内

Question

我有一个方法，它是一个很大的 setInterval 语句，它需要从间隔内部访问拥有该方法的对象的 this 对象。我实现了一个简单的闭包，但它看起来不太优雅：

connect: function(to, rate, callback){
    var cthis = this,                             //set cthis to this,
    connectIntervalID = setInterval(function(){
        if(cthis.attemptConnect(to)){             //reference it here,
            clearInterval(connectIntervalID)
            cthis.startListening(10)              //here,
            callback && callback.apply(cthis, []) //and here
        }
    }, rate)
}

如果您想使用thisapply或call来实现em> 而不是 cthis

connect: function(to, rate, callback){
    var cthis = this,
    tempFunc = function(){
        if(this.attemptConnect(to)){                 
            clearInterval(connectIntervalID)
            this.startListening(10)              
            callback && callback.apply(this, []) 
         }
     }�       
     connectIntervalID = setInterval(function(){tempFunc.apply(cthis, [])}, rate)
 }

然而，这似乎更糟糕......

Answer 1

使用 .bind 会让它更好一点（在我看来，你可能同意也可能不同意）：

支持代码：

function $A(args){
   var out = [];
   for(var i=0, l=args.length; i<l; i++){ out.push(args[i]); }
   return out;
}

Function.prototype.bind = function() {
   var __method = this, args = $A(arguments), object = args.shift();

   return function() {
      return __method.apply(object || this, args.concat( $A(arguments) ));
   };
};

并且你的代码变成：

connect: function(to, rate, callback){
    connectIntervalID = setInterval((function(){
        if(this.attemptConnect(to)){             //reference it here,
            clearInterval(connectIntervalID)
            this.startListening(10)              //here,
            callback && callback.apply(this, []) //and here
        }
    }).bind(this), rate)
}

但我担心你不会得到很多更好的。

Answer 2

您的第一个示例或多或少是执行此操作的标准方法。我唯一的建议是将你的变量命名为 cthis 以外的其他名称；使其描述被绑定的对象。

Javascript 1.8.5 添加了 Function.prototype.bind 以不同的方式解决这个问题，但这对大多数人来说并不是一个有用的解决方案。

Answer 3

我会将 setInterval 函数分解为它自己的函数，并附加到与 connect 相同的对象。这样，就可以清楚 this 引用同一个对象：

connect: function (to, rate, callback) {
    var obj = this;
    var intervalId = setInterval(function () {
        obj.connectInterval(intervalId, callback);
    }, rate);
},
connectInterval: function (intervalId, callback) {
    if (this.attemptConnect(to)) {
        clearInterval(intervalId);
        this.startListening(10);
        callback && callback.apply(this, []);
    }
}