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" 출력
- 모듈은 함수로 감싸져 있다. 이 함수는 즉시 실행되어 모듈 객체를 반환한다. 이를 통해 전역 스코프를 오염시키지 않고도 모듈의 내부를 보호할 수 있다.
- 모듈 내부에는 비공개(private)멤버와 공개(public)멤버가 있다. 비공개 멤버는 모듈 외부에서 접근할 수 없다. 공개 멤버는 모듈 외부에서 접근할 수 있다.
- 모듈은 외부에 공개할 API를 반환한다. 이 API에는 외부에서 접근 가능한 공개 멤버만 포함된다.
- 모듈을 사용할 때는 반환된 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 |
댓글