objeto en función de miembro de devolución de llamada

Question

Tengo un objeto con un método que me gustaría pasar a una función como una devolución de llamada. Sin embargo, dentro de la devolución de llamada, this ya no hace referencia a mi objeto. Por qué no?

Estoy familiarizado con el uso de una variable para evitar el problema cuando se pasa una función literal:

var obj = { 
    a: function() { 
     var me = this; 

     console.log(this); 

     setTimeout(function() { 
      console.log(this); // Not obj 
      console.log(me); // This works! 
     }, 100); 
    } 
}; 

¿Cómo se puede arreglar lo que en este caso?

var obj = { 
    b: function() { 
     setTimeout(this.callback, 100); 
    }, 
    callback: function() { 
     console.log(this); // =(
    } 
}; 

Answer 1

Sí, puede ser algo complicado en Javascript. El problema es que su valor depende de how you call the function.

obj.callback(); //ok 

var f = obj.callback; 
f(); //does not look like a method call 
    //Javascript does not pass the this! 

La solución habitual está pasando una devolución de llamada envoltorio como lo hizo en b), excepto que el nombre común para la variable me es that (a veces se ve self demasiado)

var that = this; 
setTimeout(function(){ return that.callback(); }, 300); 

La otra alternativa es utilizar el método de enlace de funciones

setTimeout(this.callback.bind(this) , 300) 

Nota que se unen no es compatible con IE 8 (es posible que tenga una cuña en Ese caso).

---

Para más:

Maintaining the reference to "this" in Javascript when using callbacks and closures