JS 파일을 쪼개는 것은 코드를 더욱 모듈화하고 유지보수하기 쉽게 만들기 위해 일반적으로 좋은 방법입니다. 전역 변수가 많은 경우에도 클래스를 쪼개는 것은 가능합니다. 다만, 전역 변수가 다른 클래스에 영향을 주고 받는 경우, 이를 해결하기 위해 일반적으로는 모듈 패턴(Module Pattern)이나 네임스페이스 패턴(Namespace Pattern)을 사용합니다.
모듈 패턴은 전역 객체를 오염시키지 않고 모듈 내에서만 사용되는 변수와 함수를 생성하는 방법입니다. 모듈 패턴은 클로저를 사용하여 변수와 함수를 외부로 노출하지 않으며, 필요한 경우 모듈 내에서만 접근 가능한 프로퍼티를 반환하는 getter 함수를 제공합니다.
네임스페이스 패턴은 전역 객체를 오염시키지 않고, 전역 변수와 이름 충돌을 방지하기 위해 객체 리터럴을 사용하여 네임스페이스를 생성하는 방법입니다. 각 클래스를 개별적인 객체로 생성하여, 해당 객체 내부에서만 전역 변수를 사용하도록 합니다.
이 외에도 ES6부터는 모듈 시스템이 도입되어, import와 export 구문을 사용하여 모듈을 쉽게 쪼갤 수 있습니다.
전역 변수가 많은 클래스를 쪼개는 경우, 위와 같은 패턴을 사용하여 모듈화를 시도해보시는 것을 추천드립니다.