Co jest domyślnie eksportu w JavaScript?

Co jest domyślnie eksportu w JavaScript?
Jedną z najlepszych rzeczy, jakie język programowania może wprowadzić do stołu, jest jego zdolność do zapewnienia programistowi swobody modułowości. Modułowość jest zasadniczo procesem dzielenia pozornie masywnego problemu na mniejsze i możliwe do opanowania fragmenty. I dokładnie to JavaScript zapewnia z pomocą eksport.

W wydaniu JavaScript ESMAV6 dostępne są dwa różne rodzaje eksportu. Jeden jest znany jako nazwane eksport, a drugi jest znany jako Eksportuj domyślnie, i skupimy się na tym drugim.

Do czego służy domyślnie eksportu?

Domyślne eksporty są używane do eksportu a pojedynczy moduł, zmienna, wyrażenie lub funkcja z pliku JavaScript, aby można go było używać w dowolnym innym pliku tego samego programu lub nawet w zupełnie innym programie.

Aby uzyskać ten wyeksportowany element w drugim pliku lub programie, używamy import Oświadczenie, ale domyślnie z eksportu jest to, że podczas importowania nie musimy martwić się o nazwę używaną w pliku eksportowym.

Jak wyeksportować pojedynczą funkcję za pomocą eksportu domyślnego?

Aby to zademonstrować, utworzymy dwa różne pliki, jeden będzie próbny plik, a drugi będzie eksport Plik jak więc:

W eksporcie.plik js, utworzymy nową funkcję, która wydrukuje nam obszar kwadratu, używając długości strony jako

Obszar funkcji (długość)
długość powrotu * długość;

Teraz na końcu tego pliku użyjemy domyślnego słowa kluczowego eksportu, aby wyeksportować tę funkcję jak

Eksportuj Obszar Domyślny Square;

Wewnątrz demo.plik JS, zamierzamy zaimportować tę funkcję w naszym programie jako funkcja obszarowa tak jak:

funkcja importu z "./eksport.js ";

Następnie stworzymy zmienną długości i zdefiniujemy długość kwadratu:

var długość = 4;

Następnie możemy po prostu wydrukować kwadrat za pomocą następującej funkcji dziennika konsoli jako:

konsola.log („Obszar kwadratu jest jako” + działanie obszarowe (długość));

Po wykonaniu tylko demo.plik JS, otrzymujemy następujące dane wyjściowe na naszym terminalu:

Byłeś w stanie użyć funkcji, która została wyeksportowana z drugiego pliku.

Jak wyeksportować zmienną za pomocą Eksportu Układu?

W eksporcie.plik JS, po prostu utwórz nową zmienną nazwaną jako Promień zcina tak jak

VAR RADIUSOFCIRCLE = 12;

Na końcu pliku po prostu wyeksportuj tę zmienną za pomocą polecenia:

Eksportuj domyślny promieniowanie;

Teraz w demo.Plik JS, pozwala najpierw utworzyć funkcję, która znajdzie nam obszar koła za pomocą jego promienia z następującymi wierszami:

Obszar funkcji (promień)
Powrót 3.1415 * (Promień * promień);

Teraz zaimportujmy promień z eksportu.plik JS z następującym wierszem:

importować promień odszwy ”z"./eksport.js ";

Na koniec wydrukujmy koło za pomocą następującej linii:

konsola.Log („Obszar okręgu jest jako:” + AreaFcircle (RADIUSOFCIRCLE));

Po wykonaniu otrzymujemy następujący wynik na naszym terminalu:

Jak widać, byliśmy w stanie wydrukować obszar koła za pomocą promienia, który został zdefiniowany w drugim pliku.

Wniosek

JavaScript zapewnia dwa różne typy eksportu, które pozwalają programistowi wyeksportować moduł, wyrażenie, ciąg lub literał z jednego pliku do drugiego. Dokonanie eksportu jest używane, gdy z określonego pliku jest wykonany tylko jeden eksport, a podczas importowania tego jednego elementu nie musimy martwić się o nadanie tej samej nazwy naszemu importowi. Ta kombinacja eksportu i importu pozwala nam wdrożyć modułowość.