이 "공개"방법의 범위를 올바르게 지정하려면 어떻게해야합니까?

Question

는이 코드 (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(); 

이 나는 ​​데 진짜 문제의 추상화가있다.

OBJ.thePrivateVarTimeout()에 대한 호출은 10을 기다린 다음 alert과 23 (다른 노출 된 메서드를 통해 액세스하려고 함)을 기다리게 될 것으로 예상됩니다.

그러나 self이 올바르게 설정되지 않은 것 같습니다. self = this을 설정할 때 this은 함수에 대한 참조가 아니며 전역 개체에 대한 참조 인 것으로 나타납니다. 왜 이런거야?

어떻게 공용 메서드를 만들 수 있습니까? thePrivateVarTimeout은 다른 공용 메서드 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. ES5에서는 지구 환경이 무엇이든간에 엄격한 ES5에서는 정의되지 않았습니다.

더 일반적인 패턴은

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; 
}