자바 스크립트의 코드 구성과 관련하여 일반적으로 인정되는 모범 사례

질문 : 자바 스크립트의 코드 구성과 관련하여 일반적으로 인정되는 모범 사례

---

jQuery와 같은 JavaScript 프레임 워크가 클라이언트 측 웹 애플리케이션을 더 풍부하고 기능적으로 만들면서 한 가지 문제를 발견하기 시작했습니다.

세상에서 이것을 어떻게 정리하고 있습니까?

• 모든 핸들러를 한 자리에 놓고 모든 이벤트에 대한 함수를 작성 하시겠습니까?
• 모든 기능을 래핑하는 함수 / 클래스를 만드시겠습니까?
• 미친 듯이 작성하고 최선을 다하기를 바랍니다.
• 포기하고 새로운 경력을 얻으시겠습니까?

jQuery에 대해 언급했지만 실제로는 일반적인 JavaScript 코드입니다. 줄에 줄이 쌓이기 시작하면 스크립트 파일을 관리하거나 원하는 것을 찾는 것이 더 어려워집니다. 내가 찾은 가장 큰 문제점은 동일한 작업을 수행하는 방법이 너무 많다는 것입니다. 어떤 방법이 현재 일반적으로 허용되는 모범 사례인지 알기가 어렵습니다.

.js 파일을 나머지 애플리케이션만큼 멋지고 깔끔하게 유지하는 가장 좋은 방법에 대한 일반적인 권장 사항이 있습니까? 아니면 이것은 단지 IDE의 문제입니까? 거기에 더 나은 옵션이 있습니까?

편집하다

이 질문은 파일 구성이 아닌 코드 구성에 관한 것입니다. 파일 병합 또는 콘텐츠 분할에 대한 몇 가지 좋은 예가 있습니다.

내 질문은 : 실제 코드를 구성하는 현재 일반적으로 허용되는 모범 사례 방법은 무엇입니까? 페이지 요소와 상호 작용하고 서로 충돌하지 않는 재사용 가능한 코드를 만드는 방법 또는 권장되는 방법은 무엇입니까?

어떤 사람들은 좋은 생각 인 네임 스페이스를 나열했습니다. 페이지의 요소를보다 구체적으로 처리하고 코드를 체계적이고 깔끔하게 유지하는 다른 방법은 무엇입니까?

답변

---

자바 스크립트에 네임 스페이스가 내장되어 있다면 훨씬 더 좋을 것입니다.하지만 여기에서 더스틴 디아즈가 설명하는 것과 같은 내용을 정리하면 많은 도움이됩니다.

var DED = (function() {

    var private_var;

    function private_method()
    {
        // do stuff here
    }

    return {
        method_1 : function()
            {
                // do stuff here
            },
        method_2 : function()
            {
                // do stuff here
            }
    };
})();

나는 다른 "네임 스페이스"와 때로는 개별 클래스를 별도의 파일에 넣었습니다. 일반적으로 하나의 파일로 시작하고 클래스 또는 네임 스페이스가이를 보증 할만큼 커지면 파일을 자체 파일로 분리합니다. 제작을 위해 모든 파일을 결합하는 도구를 사용하는 것도 훌륭한 아이디어입니다.

출처 : https://stackoverflow.com/questions/247209/commonly-accepted-best-practices-around-code-organization-in-javascript