Hoe ecmascript te gebruiken voor modulaire componenten in jаvascript

jаvascript-modules - een geweldige manier om de prestaties van uw aanvraag te verbeteren. Hiermee kunt u veel dingen gebruiken die de toepassing meer functioneel maken, zoals dynamische laden van modules en luie laden. Het belangrijkste is dat jаvascript nu wordt ondersteund door de browser. Voordat dit door webpack werd gebruikt, wat niet erg handig was.

Stappen

Methode 1 van 2:
Voordelen van jаvascript-modules
een. Meer informatie over jаvascript-modules en gebruik ze in webtoepassingen. Met jаvascript-modules kunt u er een insluiten op het bestand naar een andere gebruik van import- en exportmethoden. Met hen staan ​​u toe om modulaire componenten te maken die kunnen worden hergebruikt.
  • Afbeelding eerst getiteld
    2. Observeer waarom u jаvascript-modules moet gebruiken in plaats van klassieke scripts. Het gebruik van jаvascript-modules geeft de volgende voordelen:
  • Toepassingen scheiden op modules. Het maken van een toepassing met behulp van modules maakt het efficiënter en verbetert de prestaties. Dankzij het gebruik van modules kunt u luie lading toepassen en het verwijderen van onnodige code in uw toepassing.
  • Strict Mode standaard gebruiken. Strikte modus is standaard ingeschakeld in jаvascript-modules.
  • Gebruik van deferser-methode. Dit betekent dat uw HTML-code parallel is geladen met jаvascript. U hoeft dus niet langer een defersattribuut toe te voegen aan uw script-tag wanneer u Ecmascript gebruikt.
  • Modules worden dynamisch geïmporteerd. Met jаvascript-modules kunt u het downloaden van uw modules configureren door de dynamische functie te gebruiken die de module importeert, indien nodig. Het suggereert dat wanneer u de gebruikerssite bezoekt, u de profielmodule alleen laadt wanneer de gebruiker is geautoriseerd.Afbeelding Ten tweede
    • Methode 2 van 2:
    Gebruik jаvascript-modules
    Afbeelding
    een. Om de module te gebruiken, geef dan eenvoudig het typeattribuut op in het script-tag van de module die uw hoofd jаvascript-bestand implementeert. Nu kunt u import- en exportmethoden gebruiken voor het importeren van uw modules.
  • Afbeelding
    2. U kunt modules binnen MAIN importeren en exporteren.JS
  • Afbeelding Titel vijfde
    3. Zie hoe de exportmethode in profiel wordt gebruikt.JS. Zoals u kunt zien, gebruikt u Ecmascript-modules eenvoudig. Wanneer u het type in de module opgeeft, onderzoekt de browser deze automatisch als een jаvascript-module.
  • U kunt de bestandsuitbreiding ook toewijzen .MJ`s, zodat de browser de module kan identificeren. Dit zal echter geen verbeteringen brengen.
  • Zesde beeld
    4. Observeer de browserondersteuning. Volgens de beschikbare informatie ondersteunen alleen moderne browsers jаvascript-modules. Als u een chroom-, rand- of firefox-browser gebruikt, moet alles goed zijn.
    • Deel in het sociale netwerk:
    Vergelijkbaar