Hvordan bruke import og eksport i JavaScript

JavaScript tilbyr en avansert funksjon som heter moduler, bruker disse moduler Vi kan bruke ethvert objekt, klasse, bokstavelig eller funksjon av en JavaScript -fil til hvilken som helst annen JavaScript -fil. Det forbedrer kodenes gjenbrukbarhet og reduserer lastetiden for HTML -filen. For dette formålet gir JavaScript -modulene to nøkkelord, "import" og "eksport".

Implementering av eksport i JavaScript

Et nøkkelord "eksport" kreves når vi eksporterer dataene til en fil til en annen fil. Bruke nøkkelordet "eksport" Vi kan eksportere noe som en variabel, funksjon eller klasse til en hvilken som helst annen fil. Det vi må gjøre er å bare skrive "eksport" Nøkkelord før den variabelen, funksjonen, klassen eller noe vi vil eksportere.

Syntaksen for å eksportere en variabel, funksjon og klasse er:

// eksportere en variabel
Eksporter var emp_name;
// Eksportere en funksjon
eksportfunksjon emp ()

// Eksportere en klasse
Eksportklasseansatt

Nå skal vi finne ut av det "eksport" nøkkelordet.JS:

Tenk på følgende eksempel som bestemmer hvordan du eksporterer en variabel, funksjon eller klasse:

Eksport la emp_name = "Mike Smith";
eksportfunksjon emp ()
konsoll.Log ("Ansattes navn er Mike Smith");

Eksportklasseansatt
konstruktør (emp_name)

konsoll.Logg ("Velkommen" + emp_name);

Den alternative syntaks for eksport av filelementene er:

Eksport emp_name, emp, ansatt;

Ved hjelp av ovennevnte syntaks kan vi eksportere alle elementene i filen i en enkelt uttalelse, og mens vi importerer vil vi bruke samme navn for variabel, funksjon og klasse. For eksempel:

var emp_name = "Mike Smith";
funksjon emp ()
konsoll.Log ("Ansattes navn er Mike Smith");

klasseansatt
konstruktør (emp_name)

konsoll.Logg ("Velkommen" + emp_name);


eksport emp_name, emp, ansatt;

En annen måte å eksportere er standard eksport på, det er veldig nyttig å eksportere et enkelt element:

var emp_name = "Mike Smith";
Eksporter standard emp_name;

Dette hjelper med å importere variabelen til en hvilken som helst annen klasse med noe annet navn.

Implementering av import i JavaScript

I JavaScript, nøkkelordet "import" brukes når vi importerer noe fra en fil. Vi må skrive "import" nøkkelord før noe vi vil importere fra en annen fil.

Syntaks til import En variabel, funksjon og klasse er:

// importere en variabel
import emp_name fra './filnavn'
// importere en funksjon
Import emp fra './filnavn'
// Importere en klasse
import ansatt fra './filnavn'

Vi opprettet en annen fil med navnet “Import.JS ”og importerte alle dataene fra filen“ Eksporter.JS ”:

import emp_name fra "./eksport.JS "
konsoll.logg (emp_name);
import emp fra "./eksport.JS "
emp ();
import ansatt fra "./eksport.JS "
La A = ny ansatt ("John");

En variabel, funksjon og en klasse importeres fra filen “./eksport":

Utgangen vil bekrefte at hvert element som er til stede i “./eksport.JS ”-filen importeres til“ Importen.JS ”-fil:

emp_name er variabel, emp er en funksjon, og Ansatt er en klasse opprettet i eksport.JS fil:

import emp_name, emp, ansatt fra "./eksport.JS ";
konsoll.logg (emp_name);
emp ();
La A = ny ansatt ("John");

Nå her, i koden ovenfor, importerer vi alle elementene i en enkelt uttalelse:

Vi får følgende utdata:

Nå vil vi vurdere et annet eksempel for å forstå hvordan du importerer et standardelement:

import _navn fra "./eksport.JS "
konsoll.logg (_navn);

Vi importerer et standardmedlem fra filen “Eksporter.JS ”med“ _name ”:

I "eksport.JS ” Fil variabelen opprettes med navnet “EMP_NAME”:

Men vi får tilgang til den samme variabelen med "_Navn" i "import.JS ” fil og få følgende utdata:

Vi får den samme produksjonen, dette betyr mens vi importerer noe misligholde Element Det er ikke nødvendig å bruke samme navn som i den første filen, i stedet kan vi også bruke alle forskjellige navn.

Konklusjon

Import og eksport er nye funksjoner introdusert i modulene til JavaScript for å forbedre kodenes gjenbrukbarhet. JavaScript inneholder import- og eksport nøkkelord for å bruke koden til en fil til andre filer. I denne artikkelen bestemmer vi hvordan vi skal jobbe med modulens import- og eksportfunksjoner. For bedre å forstå konseptet vurderer vi noen eksempler og implementerer dem i JavaScript.

Etter å ha studert denne artikkelen grundig, kan noen analysere det mens du bruker import og eksport funksjoner i modul Vi må bruke samme navn for variabelen, funksjonen og klassen i begge filene (filen der du eksporterer dataene og filen du importerer dataene). Samtidig som "misligholde" er en eksepsjonell sak der det ikke er noe slikt krav, du kan bruke noe navn du ønsker mens du importerer.