Verwendung von Import - Module in (ES6)

Die statische import-Statement Deklaration wird verwendet, um schreibgeschützte, dynamische Bindings zu importieren, die von einem anderen Modul exportiert werden. Die importierten Bindings werden dynamische Bindings genannt, weil sie durch das Modul, das das Binding exportiert, aktualisiert werden, aber nicht durch das importierende Modul neu zugewiesen werden können.

Um die import-Deklaration in einer Quelldatei zu verwenden, muss die Datei zur Laufzeit als Modul interpretiert werden. In HTML geschieht dies, indem type="module" zum <script>-Tag hinzugefügt wird. Module werden automatisch im Strict Mode interpretiert.

Es gibt auch eine funktionsähnliche dynamische import(), die keine Skripte des Typs type="module" erfordert.

---

Um die Modul-Schreibweise in JS zu verwenden, müssen folgende Punkte berücksichtigt werden:

• Script Tag benötigt Modulangabe mit type="module"
• Kommunikation läuft über über das HTTP-Protokoll (HTTP-Kommunikation lokal über Server)
• Eingebundene Module müssen mit Dateiendung (.js) angegeben werden.