javascript setTimeout call error

Question

Quiero invocar la función window.setTimeot con mi ámbito personalizado, así que utilizo el método call, pero hay algo mal.

function foo() { 
    this.bar = function() { 
     console.log("keep going"); 
     window.setTimeout.call(this,this.bar,100); 
    } 
    this.bar(); 
} 

new foo; 

en Firefox Esto imprime a la consola sólo 1 línea y luego nada, y en Google Chrome que arroja un TypeError.

¿Cuál es el problema en mi código?

Answer 1

El uso de call no ayuda aquí: llama a setTimeout con su objeto this, pero la función de devolución de llamada se sigue llamando desde el ámbito global. Lo que realmente quiere hacer es algo como esto:

function foo() { 
    var self = this; 
    this.bar = function() { 
     console.log("keep going"); 
     window.setTimeout(function() { self.bar(); }, 100); 
    } 
    this.bar(); 
} 

Editar: Si realmente quieres algo similar al enfoque call, puede utilizar bind que se une el valor this para una función:

window.setTimeout(this.bar.bind(this), 100); 

Sin embargo, esto es parte de la nueva especificación ECMAScript 5 que aún no es compatible con todos los navegadores.