Best Practices für JQuery-Namespaces + allgemeine Dienstprogrammfunktionen

Question

Was sind einige aktuelle "Faustregeln" für die Implementierung JQuery Namespaces für allgemeine Dienstprogrammfunktionen hosten?

Ich habe eine Reihe von JavaScript-Utility-Methoden verstreut in verschiedenen Dateien, die ich in einem (oder mehreren) Namespaces konsolidieren möchte. Was ist der beste Weg, dies zu tun?

ich zur Zeit an zwei verschiedenen Syntaxen suchen, aufgeführt in der Reihenfolge ihrer Präferenz:

//****************************** 
    // 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; 
     } 
    }; 
    } 

Syntax # 1 ausführliche, aber es scheint, als wäre es einfacher, die Straße zu halten hinunter. Ich muss keine Kommas zwischen Methoden hinzufügen, und ich kann alle meine Funktionen ausrichten.

Gibt es andere, besser Möglichkeiten, dies zu tun?

Answer 1

Für die Aufzeichnung beendet ich die erste Syntax up:

$(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

Für jQuery-Plugins und solche das Muster ist $.fn.myPlugin zu verwenden, wenn Sie möchten, dass es auf Elemente verfügbar ist, und $.whatever, wenn Sie nur den Namespace verwenden möchten. Ich empfehle das Lesen der offiziellen Plugins Authoring document und thesearticles.

Aber jQuery beiseite, ist der einfachste Weg, um Ihre utils in dieser Richtung wären Namensraum:

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

die Grundlagen des Namespacing in JS hat in letzter Zeit nicht wirklich verändert - Sie sollten snook's article Check-out, DED's elegant approach und this SO question .

Der Hauptvorteil der Verwendung einer selbstaufrufenden Funktion zum Deklarieren von Namespaces besteht darin, dass Sie Objekte privat ausführen können, bevor Sie das Objekt zurückgeben. Außerdem ist das Objekt für die automatische Vervollständigung durch Ihre Konsole bereit, was Sie im $-Namespace nicht finden werden, da jQuery eine Funktion und kein Objekt zurückgibt.