Ako používať ECMAScript pre modulárne komponenty v jаvascript

Moduly jаvascript - skvelý spôsob, ako zlepšiť výkonnosť vašej aplikácie. Umožňujú vám využiť veľa vecí, ktoré urobia aplikáciu viac funkčné, ako napríklad dynamické zaťaženie modulov a lenivého nakladania. Hlavnou vecou je, že prehliadač je teraz podporovaný jаvascript. Predtým použil webpack, ktorý nebol veľmi pohodlný.

Kroky

Metóda 1 z 2:

Výhody modulov jаvascript

jeden. Získajte viac informácií o moduloch jаvascript a používať ich vo webových aplikáciách. Moduly jаvascriptu vám umožňujú vložiť jeden do súboru do iného pomocou metód importu a exportu. Umožňujú tiež vytvoriť modulárne komponenty, ktoré môžu byť opätovne použité.

2. Dodržujte, prečo by ste mali používať moduly jаvascript namiesto klasických skriptov. Použitie modulov jаvascriptu poskytuje nasledujúce výhody:

Oddelenie aplikácií na moduly. Vytvorenie aplikácie pomocou modulov je efektívnejšie a zlepšuje výkon. Vďaka použitiu modulov môžete aplikovať lenivé zaťaženie a zbaviť sa nepotrebného kódu vo vašej žiadosti.

V predvolenom nastavení. Prísne režim je predvolene zapnutý v moduloch jаvascript.

Použitie metódy odkladu. To znamená, že váš HTML kód je naložený paralelne s jаvascriptom. Keď používate ECOMACKT, tak už nepotrebujete pridať odloženie atribútu.

Moduly sa dovážajú dynamicky. S modulmi jаvascript môžete nakonfigurovať sťahovanie vašich modulov spustením dynamickej funkcie, ktorá v prípade potreby importuje modul. Naznačuje, že keď navštívite užívateľské stránky, vložíte profilový modul len vtedy, keď je používateľ povolený. Obrázok s názvom Druhý

Metóda 2 z 2:

Použite moduly jаvascript

jeden. Ak chcete použiť modul, jednoducho zadajte atribút typu v značke skriptu modulu, ktorý implementuje váš hlavný súbor jаvascript. Teraz môžete použiť metódy importu a exportu na importovanie vašich modulov.

2. Môžete importovať a exportovať moduly vo vnútri.Js

3. Pozrite si, ako sa v profile používa metóda exportu.Js. Ako vidíte, použite ECMACCRIPT MODULY EASY. Keď zadáte typ v module, prehliadač ho automaticky skúma ako modul jаvascriptu.

Môžete tiež priradiť rozšírenie súborov .MJs tak, aby prehliadač mohol identifikovať modul. To však neprináša žiadne zlepšenia.

4. Dodržiavajte podporu prehliadača. Podľa dostupných informácií, iba moderné prehliadače podporujú moduly jаvascript. Ak používate prehliadač Chrome, Edge alebo Firefox, potom by malo byť všetko v poriadku.