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;
}

Aufgabe

Einfach

Du hast zwei Dateien main.js und weather-utils.js. Deine Aufgabe:

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

Spickzettel

Das Schlüsselwort export ermöglicht es Ihnen, Funktionen, Variablen und anderen Code aus einer Datei freizugeben, damit sie in anderen Dateien verwendet werden können.

Sie können Funktionen mit der export-Anweisung am Ende der Datei exportieren:

function add(a, b) {
    return a + b;
}

function multiply(a, b) {
    return a * b;
}

export { add, multiply };

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

export function add(a, b) {
    return a + b;
}

export function multiply(a, b) {
    return a * b;
}

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