JavaScript 생성자 함수에서 객체를 반환 할 때 ('new'를 피할 때) public 멤버를 구현하려면 어떻게해야합니까?

Question

모듈 패턴이나 공개 모듈 patten과 같은 '클래스'유형 JavaScript 함수를 작성하기 시작했습니다. 이것은 'new'의 사용을 피하고 어느 기능이 하나의 장소에서 공개되는지를 정의 할 수있게 해줍니다. 그러나이 패턴으로 공용 데이터 멤버를 사용하고 액세스하는 방법을 볼 수 없었습니다.

아래의 'id'멤버는 myobj.getId()를 통해 액세스 할 수 있지만 myobj.id는 정의되지 않습니다.

function setup(){ 
    var myobj = MyObject(); 
    myobj.initialize(); 
    alert(myobj.getId()); // returns 3, as expected 
    alert(myobj.id); // returns undefined 
} 
function MyObject(){ 
    var id; 
    function initialize(){ 
     //do some stuff that initializes data including... 
     id = 3; 
    } 
    return{ 
     initialize:initialize, 
     id:id, 
     getId:function(){ return id;} 
    } 
} 

initialize()에 설정된 값을 반환하도록 myobj.id를 작동시킬 방법이 없습니까?

Answer 1

변수 id은 기본적으로 undefined으로 설정되어 있으며 유형은 undefined이기도합니다. 이제, 정의되지 않은 유형이 프리미티브 유형이기 때문에 반환 된 객체에서의 할당은 참조가 아닌 값 할당이됩니다. 따라서 obj.id은 인스턴스에서 undefined이되고 생성자 함수의 변수는 id이 아닙니다.

이제 initialize은 생성자 함수에서 id 변경되며, getId 같은 id을 반환하지만 obj.id는 undefined 객체 속성을 참조합니다.

function MyObject(){ 
    // initialize is used as a public function so 
    // this will always refer to the current instance 
    function initialize(){ 
     this.id = 3; 
    } 
    return { 
     // no need to define id here it will 
     // report undefined on access by default 
     initialize: initialize, 
     getId:function(){ return this.id; } 
    } 
} 

Run 전체 물건 가 예상대로 작동 볼 수 있습니다.

Answer 2

당신의 문제는 당신이 폐쇄를 이용하지 않는다는 것입니다. id:id 줄은 반환 할 개체 리터럴의 멤버로 새 변수를 만듭니다. 기본값은 undefined입니다. 그런 다음 동일한 변수 id을 다시 undefined에 할당합니다.

또한 모듈은 팩토리 기능이 아닌 단일 객체 인스턴스입니다.

var myModule = (function(opts) { 
    var foo = opts.foo || 0, //private variables with default values 
     bar = opts.bar || 0, // if none are passed in 

     product = function() {  //private method 
      return (foo * bar); 
     }; 

    return { 
     getFoo : function() { //public methods 
      return foo; 
     }, 
     fooTimesBar : function() { 
      return product(); 
     } 
    } 
})({ 
    foo : 5,     //options object 
    bar : 7 
}); 

모듈 패턴의 핵심 변수를 선언하고 폐쇄을 통해 해당 변수에 대한 접근 권한이있는 개체를 반환 익명 함수를 실행 자체이다 : 이런 식으로 뭔가를 시도하십시오.

전달되는 일부 옵션이있는 개체 리터럴을 포함하는 마지막 괄호는 함수를 실행 한 다음 개체를 반환하고 myModule에 할당합니다.

반환 된 개체의 멤버로 선언 된 모든 항목은 공개적으로 액세스 할 수 있습니다. 반환 된 객체의 코드는 함수가 반환 된 후에도 폐쇄를 통해 익명 함수에 정의 된 변수에 액세스 할 수 있습니다. 익명 함수로 선언 된 변수는 효과적으로 비공개입니다. 함수 외부의 코드는 반환 된 객체에서 제공되는 메서드를 제외하고는 해당 객체를 처리 할 수 ​​없습니다.

모든 것이 단일 개체 인스턴스 myObject이됩니다. 하나 이상의 모듈을 정의 할 수있는 모듈은 하나만 만들 수 있습니다. 그러나 비슷한 방법을 사용하여 공장 기능을 만들 수도 있습니다.

Answer 3

익명 객체 대신 캐시 된 객체를 반환하여이 문제를 해결하고 계시 모듈 패턴의 구문 설탕을 유지할 수 있습니다.

예 : 관례

NAMESPACE.Module = (function() { 

    //All public members go on api 
    var api = {} 
    api.id = 3; 

    //Private members 
    var self, 
     foo, 
     bar; 


    /** 
     @public 
    */ 
    api.init = function() { 
     self = this; 
     console.log(this); //NAMESPACE.Module 
    } 


    /** 
     @private 
    */ 
    function _privateFunction() { 
     console.log(self); //NAMESPACE.Module 
    } 

    return api; 
}());