Exportieren Sie alle Funktionen aus einer Datei in JavaScript

1. Exportieren Sie alle Funktionen aus einer Datei in JavaScript
2. Verwenden Sie die export-Funktion, um alle Funktionen aus einer Datei in JavaScript zu exportieren

In diesem Artikel lernen wir den Zweck und Vorteil des Begriffs export im JavaScript-Quellcode kennen. Wir werden sehen, wie wir die Funktion mit dem JavaScript-Begriff export exportieren können.

Exportieren Sie alle Funktionen aus einer Datei in JavaScript

Um Funktionen, Objekte und andere Grundwerte aus dem Modul zu exportieren, verwenden wir in JavaScript den Begriff export, sodass Funktionen oder Objekte in anderen JavaScript-Programmen mit dem Begriff import verwendet werden können. Wenn ein exportiertes Modul einen Wert aktualisiert, ist dies auch in seinem importierten Wert sichtbar.

Wir können die export-Anweisung nicht in eingebetteten Skripten verwenden, und Exportmodule befinden sich im strict-Modus, unabhängig davon, ob wir sie deklarieren.

Exportarten:

1. Benannter Export
2. Standardexport

Benannte Basissyntax exportieren

Wir können null oder mehr Exporte in diesem Typ je nach Modul hinzufügen.

export let myVariable = 'hello world!';
export function myFunction() {/* ... */
};

Grundlegende Standard-Exportsyntax

Wir können nur einen einzigen Standardexport in diesem Typ gemäß Modul hinzufügen.

export {myFunction as default};
export default function() {/* ... */
}

Verwenden Sie die export-Funktion, um alle Funktionen aus einer Datei in JavaScript zu exportieren

Wir müssen nur die Anweisung export verwenden, um die Funktion in JavaScript zu exportieren, z. B. export function createSum() {}. Und um diese exportierte Funktion in andere JavaScript-Programme zu importieren, verwenden wir die import-Anweisung mit dem richtigen Pfad, zum Beispiel import {createSum} from './firstFile.js.

Wir können beliebig viele benannte Exporte in einer einzigen Datei verwenden, und wir können auch mehrere Funktionen aus einer einzigen JavaScript-Datei exportieren, indem wir ein Funktionsobjekt erstellen und export auf einmal verwenden, wie unten gezeigt:

function function1() {}
function function2() {}
export {function1, function2}  // export with combined as object

Beispiel für die Funktion exportieren in JavaScript

Zuerst müssen wir eine Basisdatei erstellen und sie helperFunction.js nennen für eine Funktion, die wir exportieren möchten, wie unten gezeigt:

export function createSum(y, z) {
  return y + z;  // that will return sum
}

Wie oben gezeigt, haben wir eine Datei helperFunction.js erstellt und darin die Funktion createSum() mit dem Begriff export deklariert, die zwei Werte als Argument akzeptiert. Wir können auch Named Export für die Pfeilfunktion in modernem JavaScript verwenden.

Jetzt müssen wir diese Funktion in die Haupt-JavaScript-Datei importieren und wie unten gezeigt verwenden:

import {createSum} from './helperFunction.js';

let value1 = 10;
let value2 = 15;
let result = createSum(value1, value2)

console.log('Sum of two values is : ' + result);

Ausgang:

Sum of two values is : 25

Wie oben gezeigt, haben wir den Begriff import verwendet, um die Hilfsdateifunktion mit dem richtigen Pfad in unsere Hauptdatei zu importieren. Dann haben wir zwei Werte in der Variablen initialisiert.

Danach haben wir createSum() aufgerufen, beide value-Variablen als Argument übergeben und den Rückgabewert in der result-Variable gespeichert.

Schließlich haben wir die Methode console.log() verwendet, um das Summenergebnis in Protokollen anzuzeigen. Sie können beide Dateien erstellen, den obigen Quellcode speichern und den JavaScript-Compiler verwenden, um das Ergebnis anzuzeigen.