将本地函数传递给setTimeout()

Question

我写了以下功能.

function obj()
{
     this.a;
}
obj.prototype.catch = function()
{
    alert('Catched')
}
obj.prototype.do = function()
{
    alert('called');
}

我需要的是,调用obj :: do()之后调用obj :: catch()并且必须从obj :: do()内部执行调用所以如何将obj的本地函数传递给setTimeout

我试过了

obj.prototype.do = function()
 { 
     window.setTimeout('"'+this.catch+'()"',1000);
     alert('called');
 }

它不起作用然后我试过

 obj.prototype.do = function()
 { 
     window.setTimeout('"'+this+'.catch()"',1000);
     alert('called');
 }

这给了我Chrome控制台上的以下错误

Uncaught SyntaxError: Unexpected token ILLEGAL

所以我尝试了以下脏方法(它真的很脏吗？)

 obj.prototype.do = function()
 { 
     this.pid = randomVal(100);
     window['temp'+this.pid] = this;
     window.setTimeout("temp"+this.pid+".catch();",1000);
     alert('called');
 }
 function randomVal(bound)//returns a random number between 0 and <bound>
 {
       return (Math.floor(Math.random()*(bound)));
 }

那很有效.

那么为什么前两个方法没有用呢.有没有其他方法可以做同样的事情没有全局变量..第二种方法和最后一种方法几乎相似.但为什么我在第二种方法中得到错误..？工作代码可以在这里找到 http://jsfiddle.net/jXhAs/

Answer 1

不要把字符串传递给setTimeout...永远.

var self = this; // Because the scope will change
setTimeout(function () { self.catch() },1000);

或者如果您使用的是JS 1.8.5:

setTimeout(this.catch.bind(this),1000);

你可以阅读更多相关信息bind

Answer 2

您应该将一个函数传递给setTimeout（而不是字符串）：

例：

var self = this;
setTimeout(function(){
    self.catch();
},1000);