Das beste Muster zum Namespacen einer Eigenschaft mit jQuery

Question

Ich bin dabei, ein paar Skripts in meinem Projekt zu namespacing und nach der Suche nach einer Weile, bin ich mir nicht sicher, ob ich die Best Practices zu Namespacing-Eigenschaften folgen. Hier

ist ein Beispiel dessen, was ich tun:

var myNamespace = myNamespace || {}; 

    $.extend(true, myNamespace, { 
     subNamespace: { 

     } 
    }); 

    $.extend(true, myNamespace.subNamespace, { 
     data: {} 
    }); 

    $(document).ready(function() { 
     myNamespace.subNamespace.data = "Value as string"; 

     alert(myNamespace.subNamespace.data); 
    }); 

Wie Sie sehen können, der Name der Eigenschaft in diesem Fall ist ‚Daten‘.

Ist das der gute Ansatz, Eigenschaften in Namespace mit Javascript, Jquery zu implementieren?

Danke

Answer 1

Gibt es einen bestimmten Grund, warum Sie jQuery.extend Tiefe hinzufügen verwenden? Auf den ersten Blick könnte man genauso gut definieren den Namespace ein Objekt Singleton mit:

var myNamespace = { 
    subNamespace: { 
     data: "Value as string" 
    } 
}; 

Answer 2

Addy Osmani ist ein großer Schriftsteller von Javascript-Design Best Practices mit mehreren kostenlosen E-Bücher und unzählige Blog-Beiträge zu Themen wie Namespacing hat.

Er war früher ein JS-Ingenieur für AOL, hat aber kürzlich angekündigt, dass er zu Google wechselt.

Hier ist ein Link speziell zum Namespacing-Kapitel in einem seiner Bücher, aber ich schlage vor, dass Sie auch seine Hauptseite lesen.

http://addyosmani.com/resources/essentialjsdesignpatterns/book/#detailnamespacing

Answer 3

Wenn Sie extend() verwenden, da die NameSpace Objekt bereits vorhanden ist, dann tief in vollen Zügen verlängern verwenden:

$.extend(true, NameSpace, { 
    subNameSpace : { 
     data : {} 
    } 
}); 

Leider die Frage, die Sie ordnungsgemäßer haben, wie Sie Ihr Objekt nennen ist völlig abhängig von dem Projekt. Sind die Daten etwas, was andere Entwickler nicht anfassen sollten? Wenn nicht, dann besteht eine Konvention darin, am Anfang des Namens einen Unterstrich zu verwenden. Wie viele subNameSpace haben Sie und werden data von einem oder allen von ihnen abhängig sein.

Wenn Sie den Namespace vom Objekt jQuery entfernen, müssen Sie bestimmen, ob die Methode für sich oder für eine Gruppe ausgewählter Objekte ausgeführt werden soll. Wenn die erstere dann einfach jQuery ausdehnt, und wenn letztere dann jQuery.fn verlängern.