So verwenden Sie Import und Export in JavaScript

JavaScript bietet eine erweiterte Funktion mit dem Namen Module, mit diesen verwenden Module Wir können jedes Objekt, eine Klasse, Klasse, wörtliche oder Funktion einer JavaScript -Datei zu einer anderen JavaScript -Datei verwenden. Es verbessert die Wiederverwendbarkeit des Codes und verkürzt die Ladezeit der HTML -Datei. Zu diesem Zweck bieten die JavaScript -Module zwei Schlüsselwörter an, "importieren" Und "Export".

Implementierung des Exports in JavaScript

Ein Schlüsselwort "Export" ist erforderlich, wenn wir die Daten einer Datei in eine andere Datei exportieren. Verwenden des Schlüsselworts "Export" Wir können so etwas wie eine Variable, Funktion oder Klasse in eine andere Datei exportieren. Was wir tun müssen, ist einfach die Schreiben Sie die "Export" Schlüsselwort vor dieser Variablen, Funktion, Klasse oder allem, was wir exportieren möchten.

Die Syntax zum Exportieren einer Variablen, Funktion und Klasse lautet:

// eine Variable exportieren
exportieren var emp_name;
// eine Funktion exportieren
Exportfunktion EMP ()

// eine Klasse exportieren
Exportklasse -Mitarbeiter

Jetzt werden wir mit Hilfe des folgenden Beispiels die Funktionsweise des Schlüsselworts „Export“ ermitteln. Nehmen wir an, wir erstellen die Datei mit dem Namen Export.JS:

Betrachten Sie das folgende Beispiel, in dem festgelegt wird, wie eine Variable, Funktion oder Klasse exportiert werden soll:

Export let EMP_NAME = "Mike Smith";
Exportfunktion EMP ()
Konsole.log ("Mitarbeitername ist Mike Smith");

Exportklasse -Mitarbeiter
Konstruktor (EMP_NAME)

Konsole.log ("willkommen" + emp_name);

Die alternative Syntax zum Exportieren der Dateielemente lautet:

Export emp_name, emp, Mitarbeiter;

Verwenden der oben gegebenen Syntax können wir alle Elemente der Datei in einer einzigen Anweisung exportieren. Während des Imports verwenden wir denselben Namen für Variable, Funktion und Klasse. Zum Beispiel:

var emp_name = "Mike Smith";
Funktion EMP ()
Konsole.log ("Mitarbeitername ist Mike Smith");

Klassenangestellter
Konstruktor (EMP_NAME)

Konsole.log ("willkommen" + emp_name);


Export emp_name, emp, Mitarbeiter;

Eine andere Möglichkeit des Exportierens ist der Standard -Export. Es ist sehr hilfreich beim Exportieren eines einzelnen Elements:

var emp_name = "Mike Smith";
Standard eMP_NAME exportieren;

Dies hilft beim Importieren der Variablen in eine andere Klasse mit einem anderen Namen.

Implementierung des Imports in JavaScript

In JavaScript das Schlüsselwort "importieren" wird verwendet, wenn wir etwas aus einer Datei importieren. Wir müssen die schreiben "importieren" Schlüsselwort vor allem, was wir aus einer anderen Datei importieren möchten.

Die Syntax zu importieren Eine Variable, Funktion und Klasse lautet:

// eine Variable importieren
Importieren emp_name aus './Dateinamen'
// eine Funktion importieren
Importieren emp aus './Dateinamen'
// eine Klasse importieren
importieren Mitarbeiter aus './Dateinamen'

Wir haben eine andere Datei mit dem Namen „Importieren.JS “und importierte alle Daten aus der Datei„ Exportieren.js ”:

Importieren emp_name aus "./Export.JS "
Konsole.log (emp_name);
importieren emp aus "./Export.JS "
emp ();
Import Mitarbeiter von "./Export.JS "
sei a = neuer Mitarbeiter ("John");

Eine Variable, Funktion und eine Klasse werden aus der Datei importiert “./Export":

Die Ausgabe überprüfen, dass jedes in der vorhandene Element “./Export.Die JS -Datei wird in den Importieren importiert.JS ”Datei:

EMP_NAME ist variabel, EMP ist eine Funktion und Mitarbeiter ist eine Klasse, die in der erstellt wurde Export.JS Datei:

Import emp_name, emp, Mitarbeiter aus "./Export.JS ";
Konsole.log (emp_name);
emp ();
sei a = neuer Mitarbeiter ("John");

Jetzt importieren wir im obigen Code alle Elemente in einer einzigen Anweisung:

Wir erhalten die folgende Ausgabe:

Jetzt werden wir ein weiteres Beispiel betrachten, um zu verstehen, wie ein Standardelement importiert wird:

_name von "importieren"./Export.JS "
Konsole.log (_name);

Wir importieren ein Standardmitglied aus der Datei "Exportieren.JS ”mit" _name ":

Im "Export.JS ” Datei Die Variable wird mit dem Namen erstellt "EMP_NAME":

Aber wir greifen auf die gleiche Variable mit "_Name" im "importieren.JS ” Datei und die folgende Ausgabe erhalten:

Wir erhalten die gleiche Ausgabe, das bedeutet beim Importieren einer Standard Element Es ist nicht erforderlich, denselben Namen wie in der ersten Datei zu verwenden. Stattdessen können wir auch verschiedene Namen verwenden.

Abschluss

Import und Export sind neue Funktionen, die in den Modulen von JavaScript eingeführt werden, um die Wiederverwendbarkeit des Codes zu verbessern. JavaScript bietet Import- und Export -Schlüsselwörter, um den Code einer Datei in andere Dateien zu verwenden. In diesem Artikel bestimmen wir, wie Sie mit den Import- und Exportfunktionen des Moduls arbeiten können. Um das Konzept besser zu verstehen, betrachten wir einige Beispiele und implementieren sie in JavaScript.

Nach dem gründlichen Studium dieses Artikels kann jemand das während der Verwendung analysieren importieren Und Export Merkmale der Modul Wir müssen denselben Namen für die Variable, Funktion und Klasse in beiden Dateien verwenden (der Datei, aus der Sie die Daten exportieren und die Datei, in der Sie die Daten importieren, exportieren). Während "Standard" ist ein Ausnahmefall, in dem es keine solche Anforderung gibt. Sie können beim Import einen beliebigen Namen Ihrer Wahl verwenden.