setTimeout的執行上下文（JavaScript）

Question

1）有人可以說明setTimeout如何在執行線程方面起作用。

考慮：

function foo() { alert('foo'); } 
function bar() { alert('bar'); } 
setTimeout(foo,1000); 
bar(); 

或

function foo() { alert('foo'); setTimeout(foo,1000); } 
function bar() { alert('bar'); } 
setTimeout(foo,1000); 
bar(); 

或

function foo() { alert('foo'); setTimeout(foo,1000); } 
function bar() { /* an execution that runs with unknown time */ } 
setTimeout(foo,1000); 
bar(); 

或

function foo() { alert('foo'); setTimeout(foo,1000); } 
function bar() { /* some ajax call that reply with unknown time */ } 
setTimeout(foo,1000); 
bar(); 

或

function foo() { alert('foo'); setTimeout(foo,1000); } 
function bar() { alert('foo'); setTimeout(bar,1000); } 
setTimeout(foo,1000); 
setTimeout(bar,1000); 

2）有人能解釋如何，爲什麼「此」對象不setTimeout的工作，我們能做些什麼來解決這個問題？

Answer 1

至於我能記得：

var me = this; 
me.f(); 

（這可能會改變其在另一個上下文中的含義）。

Answer 2

請閱讀@DaveAnderson建議的文章。

至於其他的東西，則的setTimeout/setInterval的有兩種形式：

setTimeout(arg, timeout) 

如果arg是一個字符串，那麼它被視爲將被執行的源代碼。這和eval（）一樣糟糕。躲開它。

如果arg是一個函數，那麼它在全球範圍內執行：

var Test = function() { 
    this.x = 1; 
    setTimeout(function() { 
     console.log('x: ' + this.x); 
    }, 10); 
}; 

var t = new Test(); 

打印X：不定。

所以你想做的事是：

function foo() { alert('foo'); } 
setTimeout('foo()', 1000); 

或更好：

setTimeout(foo, 1000); 

要修復功能的情況下，使用綁定方法：

var Test = function() { 
    this.x = 1; 
    var f = function() { 
     console.log('x: ' + this.x); 
    }; 
    setTimeout(f.bind(this), 10);   // use this as the context 
}; 

var t = new Test(); 

或手動操作：

var Test = function() { 
    this.x = 1; 
    var that = this; 
    setTimeout(function() { 
     console.log('x: ' + that.x);  // closure: closing over that 
    }, 10); 
}; 

var t = new Test();