Menu
Coddy logo textTech

Exportieren mit export

Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy — Lektion 8 von 56.

Wenn Sie Ihren JavaScript-Code über mehrere Dateien hinweg organisieren, ermöglicht es das Schlüsselwort export, Funktionen, Variablen und anderen Code freizugeben, sodass diese in anderen Dateien verwendet werden können.

Lassen Sie uns zwei einfache Funktionen erstellen, die wir exportieren möchten:

File: math-utils.js
// Eine Funktion, die zwei Zahlen addiert
function add(a, b) {
    return a + b;
}
// Eine Funktion, die zwei Zahlen multipliziert  
function multiply(a, b) {
    return a * b;
}
// Die Funktionen exportieren, damit andere Dateien sie verwenden können
export { add, multiply };

Alternativ können Sie die Inline-Export-Syntax verwenden:

Datei: math-utils.js
// Funktionen direkt exportieren
export function add(a, b) {
    return a + b;
}
export function multiply(a, b) {   
return a * b;
}
challenge icon

Aufgabe

Einfach

Du hast zwei Dateien <strong>main.js</strong> und <strong>weather-utils.js</strong>. Deine Aufgabe:

  1. In <strong>weather-utils.js</strong>: Füge das Schlüsselwort export hinzu, um die Funktion getWeatherMessage für andere Dateien verfügbar zu machen
  2. In <strong>main.js</strong>: Rufe die importierte Funktion getWeatherMessage mit der Temperatur 15 auf und gib das Ergebnis mit console.log aus

Probier es selbst

import { getWeatherMessage } from './weather-utils.js';

// TODO: Rufe die Funktion getWeatherMessage mit der Temperatur 15 auf und gib das Ergebnis mit console.log aus
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Objektorientierte Programmierung