Was sind Module?

Wenn Ihr JavaScript-Code groß und komplex wird, wird es schwierig, alles in einer einzigen Datei zu verwalten. Die Lösung sind Module: das Aufteilen Ihres Codes in separate, organisierte Dateien.

Ein Modul ist eine JavaScript-Datei, die zusammengehörigen Code enthält. Jedes Modul übernimmt eine spezifische Aufgabe, wodurch Ihre Anwendung einfacher zu verstehen und zu warten ist.

Ein JavaScript-Modul ist eine reguläre .js-Datei, die Code (Variablen, Funktionen, Klassen) exportieren kann, sodass andere Dateien diesen importieren und verwenden können.

Beispiel:

Eine unordentliche Datei:

// Datei: messy-app.js
let user = "John";
let score = 0;

function login() {
  console.log("Welcome " + user);
}

function addPoints(points) {
  score += points;
}

Zwei mit Modulen organisierte Dateien:

// Datei: user-module.js
let user = "John";
function login() {
  console.log("Welcome " + user);
}
// Datei: game-module.js  
let score = 0;
function addPoints(points) {
  score += points;
}

user-module.js - Es verarbeitet die Benutzerauthentifizierung und benutzerbezogene Daten und enthält den Benutzernamen sowie die Login-Funktionalität.

game-module.js - Es verwaltet die Spielwertung und das Punktesystem, verfolgt den Spielstand und übernimmt die Punkteberechnungen.