Die beiden wichtigsten (und leider inkompatiblen) Standards für JavaScript-Module sind:

Wenn es um Paketmanager geht, ist npm (Node Packaged Modules) die kanonische Wahl für Node.js. Für Browser sind (unter anderem) zwei Optionen beliebt:

Für die normale Webentwicklung sollten Sie ein Modulsystem wie RequireJS oder Browserify verwenden. Manchmal möchten Sie aber auch einfach einen schnellen Hack zusammenstellen. Dann kann das folgende einfache Modulmuster helfen:.

var moduleName = function () {
    function privateFunction () { ... }
    function publicFunction(...) {
        privateFunction();
        otherModule.doSomething();  // implicit import
    }
    return { // exports
        publicFunction: publicFunction
    };
}();

Das Vorherige ist ein Modul, das in der globalen Variablen moduleName gespeichert ist. Es tut Folgendes

Um das Modul auf einer Webseite zu verwenden, laden Sie einfach seine Datei und die Dateien seiner Abhängigkeiten über <script>-Tags.

<script src="modules/otherModule.js"></script>
<script src="modules/moduleName.js"></script>
<script type="text/javascript">
    moduleName.publicFunction(...);
</script>

Wenn beim Laden eines Moduls keine anderen Module aufgerufen werden (was bei moduleName der Fall ist), spielt die Reihenfolge, in der die Module geladen werden, keine Rolle.

Hier sind meine Kommentare und Empfehlungen