JavaScript Moduler

Moduler (Modules)

JavaScript-moduler låter dig dela upp koden i separata filer.

detta gör underhåll av kodbiblioteket enklare.

Moduler används import från externa filer via <script>-taggen.

Modulen är beroende av type="module".

Exempel

<script type="module">
import message from "./message.js";
</script>

Prova själv

Export

medfunktionerellervariablerModulen kan lagras i vilken extern fil som helst.

Export finns i två typer:Namngivna exporterochStandardexport.

Namngivna exporter (Namngivna Exporter)

Låt oss skapa en fil med namnet person.js och fyll den med det vi vill exportera.

Du kan skapa namngivna exporter på två sätt. Det ena är att skapa dem steg för steg inline, och det andra är att skapa dem alla på en gång i filens botten.

Skapa steg för steg inline:

person.js

export const name = "Bill";
export const age = 19;

Skapa en gång i filens botten:

person.js

const name = "Bill";
const age = 19;
export {name, age};

Standardexport (StandardExporter)

Låt oss skapa en annan fil med namnet message.js och visa hur standardexport fungerar.

Det kan bara finnas en standardexport i en fil.

Exempel

message.js

const message = () => {
const name = "Bill";
const age = 19;
return name + ' är ' + age + 'år gammal.';
;
export default message;

Importera

Du kan importera moduler till en fil på två sätt, beroende på om de är namngivna export eller standardexport.

Namngivna export är konstruerade med hjälp av klamrar. Standardexport är inte det.

Importera namngivna export

Importera namngivna export från fil person.js:

import { name, age } from "./person.js";

Prova själv

Importera standardexport

Importera standardexport från fil message.js:

import message from "./message.js";

Prova själv

Observera

Moduler är endast tillämpliga för HTTP(s)-protokollet.

Webbsidor öppnade via file://-protokollet kan inte använda import/export.