Cosa viene predefinito di esportazione in JavaScript?

Una delle cose migliori che un linguaggio di programmazione può portare al tavolo è la sua capacità di fornire al programmatore la libertà di modularità. La modularità è essenzialmente il processo di divisione di un problema apparentemente enorme in blocchi più piccoli e gestibili. E precisamente, questo è ciò che JavaScript fornisce con l'aiuto di esportazioni.

Nella versione ESMAV6 di JavaScript, sono disponibili due diversi tipi di esportazioni. Uno è noto come il Esportazioni nominate, e l'altro è noto come il esportazione predefinita, E ci concentreremo su quest'ultimo.

Per cosa viene utilizzato l'esportazione predefinita?

Le impostazioni predefinite di esportazione vengono utilizzate per esportare a separare Modulo, variabile, espressione o funzione da un file JavaScript in modo che possa essere utilizzato in qualsiasi altro file dello stesso programma o anche in un programma completamente diverso.

Per ottenere quell'elemento esportato nell'altro file o programma, utilizziamo un importare dichiarazione, ma la cosa con predefinita di esportazione è che durante l'importazione, non dobbiamo preoccuparci del nome usato nel file di esportazione.

Come esportare una singola funzione usando l'esportazione predefinita?

Per dimostrarlo, creeremo due file diversi, uno sarà un Demo file e l'altro sarà un esportare file come così:

Nell'esportazione.File JS, creeremo una nuova funzione che ci sta stampando l'area di un quadrato usando la lunghezza del suo lato come

funzione areafsquare (lunghezza)
lunghezza di ritorno *;

Ora alla fine di questo file, useremo la parola chiave predefinita di esportazione per esportare questa funzione come

esportare area impostazione predefinita;

All'interno della demo.file js, andremo per la prima volta a importare questa funzione nel nostro programma come funzione di area Piace:

import area funzioni da "./esportare.js ";

Dopodiché, creeremo una variabile di lunghezza e definiremo la lunghezza di un quadrato:

var lunghezza = 4;

Quindi possiamo semplicemente stampare il quadrato utilizzando la seguente funzione di registro della console come:

console.log ("L'area del quadrato è come" +funzione area (lunghezza));

Dopo aver eseguito solo la demo.File JS, otteniamo il seguente output sul nostro terminale:

Sei stato in grado di utilizzare la funzione esportata dall'altro file.

Come esportare una variabile usando l'esportazione predefinita?

Nell'esportazione.file js, crea semplicemente una nuova variabile denominata come radiusofcircle Piace

var radiusofcircle = 12;

Alla fine del file, esporta semplicemente questa variabile usando il comando:

esportare radiusofcircle predefinita;

Ora, nella demo.JS File, lascia prima creare una funzione che ci troverà l'area di un cerchio usando il suo raggio con le seguenti righe:

funzione areafcircle (radius)
Ritorno 3.1415 * (raggio * raggio);

Ora, importa il raggio dall'esportazione.File JS con la seguente riga:

importare radiiofcircle da "./esportare.js ";

Infine, stampiamo il cerchio utilizzando la riga seguente:

console.log ("L'area del cerchio è come:" + areaofcircle (radiusofcircle));

Dopo l'esecuzione, otteniamo il seguente risultato sul nostro terminale:

Come puoi vedere, siamo stati in grado di stampare l'area del cerchio usando il raggio definito nell'altro file.

Conclusione

JavaScript fornisce due diversi tipi di esportazioni che consentono al programmatore di esportare un modulo, espressione, stringa o letterale da un file a un altro. L'esportazione predefinita viene utilizzata quando c'è solo un'esportazione da effettuare da un determinato file e quando si importano questo elemento, non dobbiamo preoccuparci di dare lo stesso nome alla nostra importazione. Questa combinazione di esportazione e importazione ci consente di implementare la modularità.