¿Cómo puedo aplicar este método "público" correctamente?

Question

tengo este código (JSFiddle)

var OBJ = function(){ 
    var privateVar = 23; 
    var self = this; 

    return { 
     thePrivateVar : function() { 
      return privateVar; 
     }, 

     thePrivateVarTimeout : function() { 
      setTimeout(function() { alert(self.thePrivateVar()); } , 10); 
     } 
    } 

}(); 

alert(OBJ.thePrivateVar()); 

OBJ.thePrivateVarTimeout(); 

Ésta es una abstracción de un verdadero problema que estoy teniendo.

Por lo tanto - Yo esperaría que la llamada a OBJ.thePrivateVarTimeout() que esperar 10 y luego alert con 23 (que yo quiero que el acceso a través de otro método expuesto).

Sin embargo, self parece no estar configurando correctamente. Cuando configuro self = this, parece que this no es una referencia a la función sino una referencia al objeto global. ¿Por qué es esto?

¿Cómo puedo hacer que el método público thePrivateVarTimeout llame al otro método público thePrivateVar?

Answer 1

var OBJ = (function(){ 
    var privateVar = 23; 
    var self = { 
     thePrivateVar : function() { 
      return privateVar; 
     }, 

     thePrivateVarTimeout : function() { 
      setTimeout(function() { alert(self.thePrivateVar); } , 10); 
     } 
    }; 

    return self; 

}()); 

this === global || undefined dentro de una función invocada. En ES5 es lo que sea que el entorno global sea, en ES5 estricto no está definido.

patrones más comunes implicarían el uso de la var that = this como un valor local en una función

var obj = (function() { 
    var obj = { 
    property: "foobar", 
    timeout: function _timeout() { 
     var that = this; 
     setTimeout(alertData, 10); 

     function alertData() { 
     alert(that.property); 
     } 
    } 
    } 

    return obj; 
}()); 

o el uso de un método .bindAll

var obj = (function() { 
    var obj = { 
    alertData: function _alertData() { 
     alert(this.property); 
    } 
    property: "foobar", 
    timeout: function _timeout() { 
     setTimeout(this.alertData, 10); 
    } 
    } 

    bindAll(obj) 

    return obj; 
}()); 


/* 
    bindAll binds all methods to have their context set to the object 

    @param Object obj - the object to bind methods on 
    @param Array methods - optional whitelist of methods to bind 

    @return Object - the bound object 
*/ 
function bindAll(obj, whitelist) { 
    var keys = Object.keys(obj).filter(stripNonMethods); 

    (whitelist || keys).forEach(bindMethod); 

    function stripNonMethods(name) { 
     return typeof obj[name] === "function"; 
    } 

    function bindMethod(name) { 
     obj[name] = obj[name].bind(obj); 
    } 

    return obj; 
}