Jak używać ECMAScript dla elementów modułowych w jаvascript

Moduły jаvascript - świetny sposób na poprawę wydajności aplikacji. Pozwalają na korzystanie z wielu rzeczy, które sprawią, że aplikacja będzie bardziej funkcjonalna, taka jak dynamiczne ładowanie modułów i leniwego ładowania. Najważniejszą rzeczą jest to, że jаvascript jest teraz obsługiwany przez przeglądarkę. Zanim to był używany przez webpack, który nie był bardzo wygodny.

Kroki

Metoda 1 z 2:

Zalety modułów jаvascript

jeden. Dowiedz się więcej o modułach jаvascript i używaj ich w aplikacjach internetowych. Moduły jаvascript umożliwiają osadzenie jednego do pliku do innego za pomocą metod importu i eksportu. Pozwalają również tworzyć modułowe elementy, które można ponownie wykorzystać.

2. Obserwuj, dlaczego powinieneś używać modułów jаvascript zamiast klasycznych skryptów. Korzystanie z modułów jаvascript daje następujące zalety:

Oddzielanie aplikacji na modułach. Tworzenie aplikacji za pomocą modułów sprawia, że jest bardziej wydajny i poprawia wydajność. Dzięki zastosowaniu modułów można zastosować leniwy ładunek i pozbyć się niepotrzebnego kodu w aplikacji.

Domyślnie używając ścisłego trybu. Surowy tryb jest domyślnie włączony w modułach jаvascript.

Za pomocą metody Odroczenia. Oznacza to, że kod HTML jest ładowany równolegle z jаvascript. Więc nie musisz już dodawać atrybutu odroczenia do tagu skryptu, gdy używasz ECMASCRIPT.

Moduły są importowane dynamicznie. Dzięki modułom jаvascript możesz skonfigurować pobieranie modułów, uruchamiając funkcję dynamiczną, która importuje moduł w razie potrzeby. Sugeruje, że gdy odwiedzasz witrynę użytkownika, ładujesz moduł profilu tylko wtedy, gdy użytkownik jest autoryzowany. Obraz zatytułowany sekunda

Metoda 2 z 2:

Użyj modułów jаvascript

jeden. Aby użyć modułu, po prostu określ atrybut typu w znaczniku skryptu modułu, który implementuje główny plik jаvascript. Teraz możesz użyć metod importowania i eksportu do importowania modułów.

2. Możesz importować i eksportować moduły wewnątrz głównego.Js

3. Zobacz, jak metoda eksportu jest używana w profilu.Js. Jak widać, użyj łatwych modułów ECMAScript. Po określeniu typu w module przeglądarka automatycznie analizuje ją jako moduł jаvascript.

Możesz także przypisać rozszerzenie pliku .MJS, aby przeglądarka może zidentyfikować moduł. Nie przyniesie jednak żadnych ulepszeń.

cztery. Obserwuj wsparcie przeglądarki. Według dostępnych informacji, tylko nowoczesne przeglądarki obsługują moduły jаvascript. Jeśli używasz chromowanej, krawędzi lub przeglądarki Firefox, wszystko powinno być w porządku.