자바스크립트에서 클로저를 이용한 모듈

위에서 설명한 문제는 모든 프로그래밍 언어에서 공통적으로 나타납니다. 이를 해결하기 위해 일반적으로 모듈이라고 부르는 것을 사용합니다.

모듈은 특정 구조로 만들어져, 그 내부의 변수와 함수가 오직 모듈 내부에서만 보이고 외부에 있는 어떤 것에도 방해가 되지 않도록 합니다.

자바스크립트에는 여러 가지 유형의 모듈이 존재합니다. 가장 간단한 클로저를 이용한 모듈은 즉시 실행 함수 표현을 사용하여 다음과 같이 생성합니다:

;(function() {
	// 모듈의 코드
})();

이러한 모듈 내부에서 생성된 변수와 함수는 모듈 외부에서는 보이지 않습니다:

;(function() {
	let str = '모듈의 변수';
	
	function func() {
		alert('모듈의 함수');
	}
})();

// 여기서는 모듈의 변수와 함수에 접근할 수 없습니다:
alert(str);
alert(func);