[자바스크립트 디자인 패턴] 모듈 패턴

목록

• 싱글톤 패턴 (Singletpm Pattern)
• 모듈 패턴 (Module Pattern)
• 옵저버 패턴 (Observer Pattern)
• 프로토타입 패턴 (Prototype Pattern)

 

특정 구성요소를 다른 구성요소와 독립적으로 유지하는 패턴을 말합니다.

1. Module 모듈을 생성합니다
2. getTitle : 내부의 title 변수를 불러올 수 있습니다.
3. 모듈을 이용하는 코드에서는 내부의 title 변수와 printTitle 함수에 접근할 수 없고 정해진 함수인 getTitle를 통해서만 접근할 수 있습니다.

작성코드

var Module = function(){
    var title = 'Module 패턴';
    
    var printTitle = function (){
        console.log('제목 : ' + title);
    }
    
    return {
        getTitle : function(){
            printTitle();
            return title;
        }
    }
}

 

사용코드

var title = Module.getTitle();

 

출처 : know-one-by-one.tistory.com/62