Структурирование/организация всего сайта javascript

Question

Я создаю совершенно новый сайт и структурирую свой javascript таким образом, который, кажется, имеет смысл для меня. Я создал пространство имен сайтов, а также пространство имен виджета/функциональности, которое инкапсулирует методы для этих виджетов/функций. Я охватил каждое пространство имен таким образом, что любая данная страница на сайте может вызывать определенные (общедоступные) методы для создания виджета/функциональности.

Вот пример моей яваскрипта структуры:

var THESITE = THESITE || (function(){ 
    navigation = function(){ 
     var init = function(){ 
      // do navigation stuff 
     } 

     return { 
      init : init 
     } 
    }, 

    widgets = { 
     widget1 : (function(){ 
      var newWidget = function(){ 
       // do widget1 stuff 
      } 

      return { 
       newWidget : newWidget 
      } 
     })(), 
     widget2 : (function(){ 
      var newWidget = function(){ 
       // do widget2 stuff 
      } 

      return { 
       newWidget : newWidget 
      } 
     })(), 
     widget3 : (function(){ 
      var newWidget = function(){ 
       // do widget3 stuff 
      } 

      return { 
       newWidget : newWidget 
      } 
     })(); 
    }, 

    init = function(){ 
     navigation.init(); 
    } 

    return { 
     init: init, 
     navigation: navigation, 
     widgets: widgets, 
    } 
})(); 

THESITE.init(); 

И пример того, как один из этих методов будет называться:

THESITE.widgets.widget3.newWidget(); 

Является ли это способ структурирования мой Javascript практический/общее?

Answer 1

Да, я бы сказал, что ваша структура распространена. Однако для более крупного проекта было бы целесообразно хранить модули/виджеты в отдельных файлах и использовать пространство имен для обеспечения того, чтобы столкновения в глобальной области не возникали. См. thread, что @ chris-allen предложил получить дополнительную информацию о хороших способах структурирования вашего кода.