Einführung in moderne Module in JavaScript

Sie haben bereits mit Modulen über Closures gearbeitet. Im modernen JavaScript sind bequemere Module aufgetaucht, die es erlauben, jedes Modul in einer separaten Datei unterzubringen und sie dann bei Bedarf in andere Dateien einzubinden, indem nur die benötigten Variablen und Funktionen exportiert werden.

Ursprünglich waren solche Module nicht im JavaScript-Standard festgelegt und wurden einfach von der Community entwickelt. Dementsprechend sind sehr viele verschiedene Modulsysteme entstanden: AMD, CommonJS, UMD und andere.

Dann sind im JavaScript-Standard eigene Module aufgetaucht. Sie werden ES-Module genannt. Dadurch sind die von der Community entwickelten Module rasch veraltet und man sollte sie nicht benutzen.

Beachten sollte man lediglich die CommonJS-Module, da NodeJS ursprünglich auf ihnen lief, und auch jetzt läuft es standardmäßig auf ihnen aus Gründen der Kompatibilität.

Außerdem werden Sie häufig in Anleitungen zum Einbinden verschiedener Bibliotheken die Beschreibung genau der CommonJS-Variante und nicht der ES-Variante antreffen. Daher sollten Sie sich vorstellen können, wie man den CommonJS-Code auf ES umbaut.

Es gibt noch einen weiteren Nuance. Obwohl Module nun im JavaScript-Standard festgelegt sind, werden sie nicht einfach so im Browser funktionieren (bisher). Dafür muss man eines der populären Build-Tools verwenden.