본문 바로가기
javaScript

모듈 패턴(Module Pattern)

by mooyou 2024. 3. 14.
728x90
300x250

모듈 패턴(Module Pattern)은 자바스크립트에서 코드를 구성하는 패턴 중 하나로, 코드를 모듈화하여 전역 스코프의 오염 을 방지하고 코드를 조직화하는 방법이다.

모듈 패턴을 사용하면 각 모듈은 독립적으로 작동하고 필요한 경우 외부와 통신할 수 있다.

 

var myModule = (function() {
    // 모듈의 비공개 멤버
    var privateVariable = "This is a private variable";

    // 모듈의 공개 멤버
    var publicMethod = function() {
        console.log("This is a public method");
    };

    // 공개 API 반환
    return {
        publicMethod: publicMethod
    };
})();

// 모듈 사용
myModule.publicMethod(); // "This is a public method" 출력

 

  1. 모듈은 함수로 감싸져 있다. 이 함수는 즉시 실행되어 모듈 객체를 반환한다. 이를 통해 전역 스코프를 오염시키지 않고도 모듈의 내부를 보호할 수 있다.
  2. 모듈 내부에는 비공개(private)멤버와 공개(public)멤버가 있다. 비공개 멤버는 모듈 외부에서 접근할 수 없다. 공개 멤버는 모듈 외부에서 접근할 수 있다.
  3. 모듈은 외부에 공개할 API를 반환한다. 이 API에는 외부에서 접근 가능한 공개 멤버만 포함된다.
  4. 모듈을 사용할 때는 반환된 API를 통해 공개 메서드에 접근할 수 있다.

이러한 모듈 패턴을 사용하면 코드를 모듈홯여 관리하기 쉽게 만들 수 있다. 또한, 전역 스코프의 오염을 방지하고 코드의 가독성과 유지보수성을 향상시킬 수 있다.

728x90
반응형

'javaScript' 카테고리의 다른 글

오버라이드와 다형성의 차이  (0) 2024.04.02
여러개 체크박스 웹접근성 고려 - 비공개  (0) 2024.03.31
if(typeof $() - 비공개  (0) 2024.03.12
다형성(polymorphism) 이란?  (0) 2024.03.08
카드형 체크박스  (0) 2024.03.03

댓글