[javascript] 모듈 패턴에서의 네임스페이스 충돌을 방지하는 방법은 무엇인가요?

18 Dec 2023

즉시 실행 함수(IIFE, Immediately Invoked Function Expression) 사용: 모듈을 즉시 실행 함수로 감싸서 내부에서 선언된 변수와 함수가 전역 스코프를 오염시키지 않도록 합니다.
```
(function() {
    // 모듈 코드
})();
```
네임스페이스 객체: 전역 객체에 단일 네임스페이스 객체를 생성하여 모듈의 메서드와 속성을 해당 객체 아래로 정의합니다.
```
var MyModule = {
    // 모듈 코드
};
```
ES6 모듈 시스템 사용: ES6부터는 JavaScript 자체적으로 모듈 시스템을 제공하며, import 및 export 구문을 사용하여 네임스페이스 충돌을 방지할 수 있습니다.
```
// 모듈 내부
export function myFunction() {
    // ...
}

// 다른 파일에서 모듈 임포트
import { myFunction } from './mymodule.js';
```

네임스페이스 충돌을 방지하기 위한 이러한 방법들은 코드의 유지보수성을 향상시키고, 예기치 않은 버그를 방지하는 데 도움을 줍니다.