JavaScript-Modul Muster/Organisation/Submodule

Question

1. Ich mag würde wissen, was die Unterschied (Vorteile/Nachteile) zwischen folgenden Mustern.
2. Wie kann ich Submodule basierend auf dem Modulmuster erstellen?

Mein Ziel ist es meine js zu haben organisiert in mehrere Dateien das sind faul geladen sondern ein Namespace haben.

Zum Beispiel:

SO.global (global.js) SO.global.registration (registration.js) < - Last

VS.

var SO = (function() { 

    var CONSTANT = 'Z'; 

    function createX(){ 
     alert("create X"); 
    } 

    function getY(){ 
     alert("get Y"); 
    } 

    return { 
     create:createX, 
     get:getY 
    } 

}()); 

Answer 1

Haben Sie Require.JS in Betracht gezogen? Es wird versucht, die folgende Lösung zu bieten:

• Irgendeine Art von # include/import/erfordern
• Fähigkeit für Entwickler geschachtelte Abhängigkeiten
• einfache Bedienung zu laden, aber dann durch einen Optimierungs-Tool unterstützt die Bereitstellung hilft

Require.JS implementiert die Module/Asynchronous Definition spec durch common.js definiert

Answer 2

Hier ist gut zu lesen: http://snook.ca/archives/javascript/no-love-for-module-pattern, und ein anderer: http://lamb.cc/blog/category/javascript/

YUI es eifrig benutzt, wie ich, ich habe keine Situationen nicht gefunden, wo ich durch sie eingeschränkt wurde, und es integriert sich gut mit der YUI-Abhängigkeitslader für benutzerdefinierte Module.

(Leider merke ich, dies ist keine vollständige Antwort, aber es gibt einige untampered Informationen für Sie)