Ein Modul in JavaScript ist eine wiederverwendbare Block von Code, die in separate Dateien exportiert und importiert werden kann, um den Code zu organisieren und zu verwalten, sowie um Namensraumprobleme in großen Projekten zu vermeiden.
1. Exportieren eines Moduls
In JavaScript können Sie Werte aus einem Modul exportieren, indem Sie das Schlüsselwort “export” verwenden. Sie können Funktionen, Objekte oder primitive Werte exportieren.
```Javascript
//modulo.js
export const pi = 3.14159;
export function add(a, b) {
return a + b;
}
```
2. Importieren eines Moduls
Sie können die in einem Modul exportierten Werte mit dem Schlüsselwort “import” importieren.
```Javascript
//app.js
import { pi, add } from ‘./modulo.js’;
console.log(pi); // 3.14159
console.log(add(2, 3)); // 5
```
Beachten Sie, dass der Dateipfad, den Sie im import-Statement angeben, relativ zum aktuellen Verzeichnis sein muss.
Sie können auch alle exportierten Werte auf einmal importieren, indem Sie das Schlüsselwort “import*” verwenden:
```Javascript
//app.js
import * as modulo from ‘./modulo.js’;
console.log(modulo.pi); // 3.14159
console.log(modulo.add(2, 3)); // 5
```
Hinweis: Module sind standardmäßig in strict mode und teilen Dateien oder Variablen nicht im globalen Scope, das bedeutet jede Variable, Funktion oder Klasse ist privat, es sei denn, es wird explizit exportiert.