SetInterval with javascript in javascript

Question

var i=0; 
var t={ 
    a:function(){ 
    this.timer=setInterval(this.b,30); 
    }, 
    b:function(){ 
    if(i++<1){ 
     console.log(this); 
    } 
    } 
}; 
t.a(); 

为什么我得到[circular object global]？我想'这个'是指对象t;

我该怎么做？

而且我知道如何解决这个问题，下面的代码是正确的结果：

var i=0; 
var t={ 
    a:function(){ 
    var that=this; 
    this.timer=setInterval(function(){ 
     that.b(); 
    },30); 
    }, 
    b:function(){ 
    if(i++<1){ 
     console.log(this); 
    } 
    } 
}; 
t.a(); 

Answer 1

您必须要么使用Function.prototype.bind或​​重新分配背景下，作为一个所谓的这样功能丧失它的上下文到全球范围。这是最容易在下面的例子中

o = { // an object 
    foo: 1, 
    bar: function() { // function assuming `this` is `o` 
     return this.foo; 
    } 
}; 
f = o.bar; // function `f` loses scope of `o` 
o.bar(); // 1,   o.foo is defined 
f();  // undefined, window.foo is undefined 

观察这里是你的情况的解决方案的一些例子

// bind 
function scopedInterval(func, delay, context) { 
    return window.setInterval(func.bind(context), delay); 
} 
// or call 
function scopedInterval(func, delay, context) { 
    return window.setInterval(function() {func.call(context);}, delay); 
} 

在这些例子中，你会传递this作为第三个参数，即

this.timer = scopedInterval(this.b, 30, this); 

---

如果你不这样做，的setInterval上下文是window（我总是调用它作为window.setInterval所以我不会忘记这一点）

Answer 2

如克罗克福德在他的惊人的书中说：“的Javascript：好的部分”：

当一个函数是不是财产一个对象，然后它被调用为一个函数[这是setInterval的情况]。当一个函数被这个模式调用时，'this'被绑定到全局对象。这是该语言设计中的一个错误。如果语言设计正确，当调用内部函数时，'this'仍然会绑定到外部函数的'this'变量。这个错误的后果是一个方法不能使用内部函数来帮助它完成工作，因为内部函数不会共享方法对对象的访问，因为它的'this'被绑定到错误的值。 [然后他谈到了你找到的解决方法]，

你是对的想知道为什么这不起作用，对我来说，所有其他答案都无法正确解决这个问题。事实上，这是一种无意义的事情，正如Crockford所说，这是语言设计中的一个错误，它可能会让人感到困惑。