JavaScript的結構，正確的方式？

Iam試圖在JavaScript編碼中變得更好。遠離1000行代碼在一個文件中。但IAM不知道這是「正確」的方式：JavaScript的結構，正確的方式？

RequireJS需要「boot.js」內部時加載文件：

require([ 
    "library/jquery.form/jquery.form", 
    "app/eventManager", 
    "app/myapp" 
], function() { 
    $(function() { 
     MyApp.init(); 
    }); 
});

MyApp.js

var MyApp = { 
init: function() { 
    MyApp.mainController(); 
}, 

// this is our controller, only load stuff needed.. 
mainController: function() { 

    //controller = set from php/zendframework 
    switch (controller) { 
     case 'admin': 
      MyApp.initAdmin(); 
      break; 
     default: 
      break; 
    } 
}, 

// action for admin controller 
initAdmin: function() { 
    //lazy load 
    require(["app/admin/admin"], function(){ 
     MyApp.admin.init(); 
    }); 
}};

MyApp.admin .js

MyApp.admin = { 
init : function() { 
    if (permisson != 'admin') { 
     console.log('Permission denied.'); 
     return false; 
    } 
    MyApp.admin.dashboard.init(); 
}

};

MyApp.admin.dashboard = { 

init: function() { 
    MyApp.admin.dashboard.connectEventHandlers(); 
    MyApp.admin.dashboard.connectEvents(); 
    MyApp.admin.dashboard.getUserList('#admin-user-list'); 
}, 

connectEvents: function() { 
    EventManager.subscribe("doClearCache", function() { 
     MyApp.admin.dashboard.doClearCache(url); 
    }); 

    EventManager.subscribe("doDeleteUser", function() { 
     MyApp.admin.dashboard.doDeleteUser(url); 
    }); 

},

其他「風格」是常見的嗎？或者這是一個很好的結構代碼？網絡中有很多例子，但我無法找到「真實生活」的代碼。

當我需要「.prototype」時，最大的「問題」之一？

來源

2010-12-13 opHASnoNAME

我對你的代碼做的一個改變是避免在所有地方重複'event'字符串。你可以通過做這樣的事情減少這種：

var app = { 

     events : { 

     someEvent : "someEvent" 

     } 

} 

EventManager.subscribe(app.events.someEvent, someFn); 

EventManager.publish(app.events.someEvent);

我也將避免直接調用的console.log和使用的包裝，如this提供一個備用的，如果沒有控制檯可

N.乙安格斯·克羅爾有一個體面的blog，他提到的js結構/命名空間等

且有一定的距離深諳JS忍者

來源

2010-12-13 18:58:17 redsquare