어떻게 효율 적 이 고 유지 가능 하 며 규범 화 된 js 코드 를 작성 합 니까?

설계 원칙:
1. 원자 사상: 즉, 모든 function 은 한 가지 일 을 한다.2. 귀납 사상: 같은 유형의 조작 을 모두 통합 시킨다.3. 유지 하기 편리 함: 후세 사람들 이 신속하게 유지 하 는 데 편리 할 수 있다.4. 편리 한 확장: 즉, 각 항목 에 따라 서로 다른 변경 을 할 수 있다.
5. 유 니 버 설 전단 디자인 모델: 일부 전단 에서 유 니 버 설 디자인 모델
6. 주석 을 잘 쓰 고 주석 을 구체 적 으로 쓴다.
구체 적 인 실례

var gerry =
(function(){
    //         ，       ，              
    var tool = {
        AAAA:function(){},
        BBBB:function(){
            console.log("       ，      ");
        }
    };

    /*
    *                
    *   1.            
    *   2.           （    tempObj.tool.AA）
    *   3.                    ，     （tool.BBBB）
    * */
    var tempObj ={
        //reader           ，          ，       
        reader:function(){
        },
        //        ，       ，            ，         
        selector:{
            mySelector:"#mySelector",  //   
        },
        //         ，          ，    ，           
        interface:{
            loginUrl:"",
        },
        //  page      ，    ，      ：  _  ，  click_login
        registerEle:{
            click_login:function(){
                //      
            }
        },
        //    ajax  ，      ，        ，      ：ajax_  ，  ajax_login
        /*
        *      2   ,     
        *  1.         
        *  2.      ，         
        * */
        ajaxRequest:{
            //         
            ajax_login:function(){
                $.post("","",function(data){
                    tempObj.callback.call_login(data);
                });
            },
            //            
            ajax_login_T:function(callback){
                //       interface   ，callback tempObj.callback   
                $.post("","",callback);
            },
        },
        //        ，      ，      
        callback:{
            //         
            call_login:function(data){
                //    
            },
            //        
            call_login_T:function(){
                var temp = function(){

                };
                tempObj.ajaxRequest.ajax_login_T(temp);
            }
        },
        //        ，          unit.js  common.js          ，       
        // PS:                    tool，        ，       
        tool:{
            A:function(){
                console.log("        ");
            },
            AA:tool.AAAA,    //              
        },
        //        ，      ，        cookie  localstorage 
        //              display            
        temp:{

        },
        /*
        *       ，                     
        *            ，      ，             ，    
        * */
        firm:{

        }
    };

    /*
    *         
    * */
    var outputObj =function(){
        //    reader  ，       ，          
        tempObj.reader();
        /*
        *           
        *              ，    tempObj  ，  tool  AA   
        *               ，    tool    BBBB  ，       ，        
        * */
        return tempObj;
    }

    //           ，        ，  。
    return new outputObj();
})();