In diesem Beispiel lernen Sie, ein JavaScript-Programm zu schreiben, das eine JS-Datei in eine andere JS-Datei enthält.
Um dieses Beispiel zu verstehen, sollten Sie die folgenden JavaScript-Programmierthemen kennen:
- JavaScript-Variablen und -Konstanten
- JavaScript-Funktion und Funktionsausdrücke
- JavaScript-Module
Beispiel: Import / Export verwenden
Erstellen wir eine Datei mit dem Namen module.js (Dateiname kann beliebig sein) mit folgendem Inhalt:
// program to include JS file into another JS file const message = 'hello world'; const number = 10; function multiplyNumbers(a, b) ( return a * b; ) // exporting variables and function export ( message, number, multiplyNumbers );
Um diese Variablen und Funktionen in eine andere Datei aufzunehmen, z. B. main.js , können Sie das import
Schlüsselwort wie folgt verwenden :
// import the variables and function from module.js import ( message, number, multiplyNumbers ) from './modules.js'; console.log(message); // hello world console.log(number); // 10 console.log(multiplyNumbers(3, 4)); // 12 console.log(multiplyNumbers(5, 8)); // 40
Um eine andere Datei einzuschließen, müssen Sie den Code, den Sie in einer anderen Datei verwenden möchten, mithilfe der export
Anweisung exportieren . Beispielsweise,
export ( message, number, multiplyNumbers );
Sie können auch einzelne Exporte durchführen. Beispielsweise,
export const message = 'hello world'; export const number = 10;
Um Code aus einer anderen import
Datei einzuschließen , müssen Sie die Anweisung verwenden und über den Dateipfad importieren. Beispielsweise,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Anschließend können Sie diese Codes verwenden, da sie Teil derselben Datei sind.
Dies hilft beim Schreiben von sauberem, wartbarem und modularem Code.