Erklären Sie, was das Modul-Muster in JavaScript ist und wo es angewendet wird.

Das Modul-Muster ermöglicht die Kapselung von Code, indem eine öffentliche und private Schnittstelle definiert wird. Dies wird durch die Erstellung eines privaten Geltungsbereichs mit sofort aufgerufenen Funktionsausdrücken (IIFE) oder der ES Module-Syntax erreicht.

Anwendung für:

• Kapselung: Verbirgt die interne Implementierung und stellt nur die notwendige öffentliche API bereit.
• Verhinderung der Verschmutzung des globalen Geltungsbereichs: Variablen und Funktionen bleiben innerhalb des Moduls lokal.
• Code-Organisation: Teilt die Anwendung in logische Blöcke auf, was das Verständnis und die Wartung erleichtert.
• Wiederverwendung von Code: Module können importiert und in verschiedenen Teilen der Anwendung verwendet werden.

Beispiel mit IIFE:

// Erstellen eines privaten Geltungsbereichs
const myModule = (() => {
  // Private Variable
  let privateVariable = 'Ich bin privat!';

  // Private Funktion
  const privateMethod = () => {
    console.log(privateVariable);
  };

  // Öffentliche Funktion
  const publicMethod = () => {
    console.log('Dies ist eine öffentliche Funktion.');
    privateMethod(); // Zugriff auf private Funktion
  };

  // Nur öffentliche Mitglieder zurückgeben
  return {
    publicMethod: publicMethod
  };
})();

// Verwendung der öffentlichen Schnittstelle
myModule.publicMethod(); // Gibt "Dies ist eine öffentliche Funktion." und "Ich bin privat!" aus
// myModule.privateVariable; // Fehler - nicht zugänglich
// myModule.privateMethod(); // Fehler - nicht zugänglich

Beispiel mit ES Modules:

// module.js
// Private Variable (nicht exportiert)
const privateVariable = 'Ich bin privat im ES Modul!';

// Private Funktion (nicht exportiert)
const privateMethod = () => {
  console.log(privateVariable);
};

// Öffentliche Funktion (exportiert)
export const publicMethod = () => {
  console.log('Dies ist eine öffentliche Funktion im ES Modul.');
  privateMethod();
};

// main.js
import { publicMethod } from './module.js';

publicMethod(); // Gibt "Dies ist eine öffentliche Funktion im ES Modul." und "Ich bin privat im ES Modul!" aus