Cum se utilizează ECMAScript pentru componente modulare în jаvascript

Modulele jаvascript - o modalitate excelentă de a îmbunătăți performanța aplicației dvs. Ele vă permit să utilizați multe lucruri care vor face aplicația mai funcțională, cum ar fi încărcarea dinamică a modulelor și încărcării leneșe. Principalul lucru este că jаvascript este acum acceptat de browser. Înainte de a fi utilizat de Webpack, care nu a fost foarte convenabil.

Pași

Metoda 1 din 2:

Avantajele modulelor jаvascript

unu. Aflați mai multe despre modulele jаvascript și utilizați-le în aplicații web. Modulele jаvascript vă permit să încorporați unul la dosar la altul folosind metode de import și de export. De asemenea, vă permit să creați componente modulare care pot fi reutilizate.

2. Observați de ce ar trebui să utilizați modulele jаvascript în loc de scripturi clasice. Utilizarea modulelor jаvascript oferă următoarele avantaje:

Separarea aplicațiilor pe module. Crearea unei aplicații utilizând module o face mai eficientă și îmbunătățește performanța. Datorită utilizării modulelor, puteți aplica încărcare leneșă și puteți scăpa de codul inutil în aplicația dvs.

Utilizarea modului strict în mod implicit. Modul strict este activat în mod implicit în modulele jаvascript.

Folosind metoda amânării de amânare. Aceasta înseamnă că codul HTML este încărcat în paralel cu jаvascript. Deci, nu mai trebuie să adăugați un atribut de amânare la eticheta de script atunci când utilizați ECMAScript.

Modulele sunt importate dinamic. Cu modulele jаvascript, puteți configura descărcarea modulelor dvs. rulând funcția dinamică care importă modulul dacă este necesar. Aceasta sugerează că atunci când vizitați site-ul utilizatorului, încărcați modulul de profil numai când utilizatorul este autorizat. Imaginea intitulată secundă

Metoda 2 din 2:

Utilizați modulele jаvascript

unu. Pentru a utiliza modulul, specificați pur și simplu atributul de tip în eticheta script a modulului care implementează fișierul principal jаvascript. Acum puteți utiliza metode de import și de export pentru importul modurilor.

2. Puteți importa și exporta module în interiorul principal.Js

3. A se vedea modul în care este utilizată metoda de export în profil.Js. După cum puteți vedea, utilizați module ECMAScript ușor. Când specificați tipul din modul, browserul îl examinează automat ca un modul jаvascript.

De asemenea, puteți atribui expansiunea fișierului .MJS, astfel încât browserul să poată identifica modulul. Cu toate acestea, acest lucru nu va aduce nicio îmbunătățire.

4. Observați suportul browserului. Potrivit informațiilor disponibile, numai browserele moderne suportă module jаvascript. Dacă utilizați un browser Chrome, Edge sau Firefox, atunci totul ar trebui să fie bine.