Zurück zu JavaScript

JavaScript

Module

Module teilen Code in Dateien mit klaren Schnittstellen: export bietet an, import holt herein.

export

Benannte Exports exportieren mehrere Dinge pro Datei.

Ein Default-Export ist der Hauptexport einer Datei — pro Datei nur einer.

<export><export default>
mathe.js
export function sum(a, b) {
  return a + b;
}

export const PI = 3.14159;

import

Benannte Imports stehen in geschweiften Klammern und muessen dem Exportnamen entsprechen.

Default-Imports bekommen einen frei wählbaren Namen.

<import>
app.js
import { sum, PI } from './mathe.js';

console.log(sum(PI, 1));

Module im Browser

type="module" aktiviert Module im script-Tag.

Module laufen automatisch im Strict Mode und haben ihren eigenen Gültigkeitsbereich.

<type="module">
Einbindung
<script type="module" src="app.js"></script>

Fortschritt

Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.