Рекомендация по JQuery пространств имен + общее назначение функций полезности

Question

Каковы текущие «правила большого пальца» для реализации JQuery пространств имен для размещения служебных функций общего назначения?

У меня есть несколько методов утилиты JavaScript, разбросанных по различным файлам, которые я хотел бы объединить в одно (или более) пространства имен. Каков наилучший способ сделать это?

В настоящее время я смотрел на двух различных синтаксисов, перечисленных в порядке предпочтения:

//****************************** 
    // JQuery Namespace syntax #1 
    //****************************** 
    if (typeof(MyNamespace) === "undefined") 
    { 
    MyNamespace = {}; 
    } 

    MyNamespace.SayHello = function() 
    { 
    alert("Hello from MyNamespace!"); 
    } 

    MyNamespace.AddEmUp = function (a, b) 
    { 
    return a + b; 
    } 

    //****************************** 
    // JQuery Namespace syntax #2 
    //****************************** 
    if (typeof (MyNamespace2) === "undefined") 
    { 
    MyNamespace2 = 
    { 
     SayHello: function() 
     { 
      alert("Hello from MyNamespace2!"); 
     }, 

     AddEmUp: function (a, b) 
     { 
      return a + b; 
     } 
    }; 
    } 

Синтаксис # 1 более многословным, но кажется, что было бы легче поддерживать вниз по дороге. Мне не нужно добавлять запятые между методами, и я могу оставить все мои функции.

Есть ли другие, лучше способов сделать это?

Answer 1

Для записи, я в конечном итоге, используя первый синтаксис:

$(function() 
{ 
    //******************************** 
    // PREDIKT NAMESPACE 
    //******************************** 

    if (typeof (Predikt) === "undefined") 
    { 
     Predikt = {}; 
    } 

    //******************************** 
    // PREDIKT.TIMER NAMESPACE 
    //******************************** 

    if (typeof (Predikt.Timer) === "undefined") 
    { 
     Predikt.Timer = {}; 
    } 

    Predikt.Timer.StartTimer = function() 
    { 
     return new Date().getTime(); 
    }; 

    Predikt.Timer.EndTimer = function() 
    { 
     return new Date().getTime(); 
    }; 

}); 

Answer 2

Для плагинов jQuery и такого шаблона следует использовать $.fn.myPlugin, если вы хотите, чтобы он был доступен на элементах, и $.whatever, если вы просто хотите использовать пространство имен. Рекомендую прочитать официальное сообщение Plugins Authoring document и thesearticles.

Но JQuery в сторону, самый простой способ переместить ваши Utils бы вдоль этих линий:

var utils = window.utils || {}; 
utils.method = function(){}; 

Основы именования в JS не очень изменилась за последнее время - Вы должны проверить snook's article, DED's elegant approach и this SO question ,

Главное преимущество использования самозапускаемой функции для объявления пространств имен - вы можете выполнить материал в частном порядке перед возвратом объекта. Кроме того, объект будет готов для автозаполнения вашей консоли, который вы пропустите в пространстве имен $, потому что jQuery возвращает функцию, а не объект.