자바 스크립트 - 모듈 패턴 차이점

Question

다음 두 패턴의 차이는 있습니까? 첫 번째자가 수행의 장점은 무엇입니까?

var testModule = (function() { 
    var counter = 0; 

    return { 
    incrementCounter: function() { 
     return counter++; 
    }, 

    resetCounter: function() { 
     console.log("counter value prior to reset: " + counter); 
     counter = 0; 
    } 
    }; 
})(); 

testModule.incrementCounter(); // 1 

다음 :

var testModule2 = function() { 
    var counter = 0; 

    return { 
    incrementCounter: function() { 
     return counter++; 
    }, 

    resetCounter: function() { 
     console.log("counter value prior to reset: " + counter); 
     counter = 0; 
    } 
    } 
} 

var result = testModule2(); 
result.incrementCounter(); //1 

Answer 1

은 첫 번째 싱글 - 당신은 물론, 그것을 복제 할 수 있지만, 그것은 아주 어색 수 있습니다, 첫째, 그 개인의 사본을하지 않습니다 변수 : 복제 된 모든 객체의 모든 메소드는 여전히 동일한 var counter으로 작동합니다. 그것이 서비스와 같은 것을 만들기에 적합한 이유입니다.

두 번째 것은 실제로 생성자 함수의 변형입니다. 단일 템플릿을 기반으로 여러 객체를 만드는 데 적합합니다. 기존의 prototype 기반 템플릿과 비교할 때의 단점은 testModule2이 호출 될 때마다 새로 정의 된 모든 함수가 작성된다는 것입니다. 장점 - 개인 변수, 각 새 개체에 대한 독립적 인 집합 (첫 번째 방법으로 만든 개체 복제와의 차이점에 유의하십시오).