JavaScript Modules

Moduler (Modules)

JavaScript-moduler giver dig mulighed for at bryde kode ned i separate filer.

dette gør vedligeholdelse af kodebiblioteket lettere.

Moduler bruges til at import kommandoer fra

Moduler afhænger af type="module".

Example

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

Try it yourself

export

medfunktionerellervariablermoduler kan gemmes i hvilken som helst ekstern fil.

Der er to typer eksporter:navngivne eksporterogStandardexporter.

Navngivne eksporter (Named Exports)

Lad os oprette en fil med navnet person.js og fyld den med indholdet, vi vil eksportere.

Du kan oprette navngivne eksporter på to måder. En måde er at oprette dem enkeltvis inline, og den anden er at oprette dem alle på én gang ved bunden af filen.

Opret enkeltvis inline:

person.js

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

Opret en gang ved bunden af filen:

person.js

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

Standardexporter (Default Exports)

Let's create another file named message.js and use it to demonstrate default export.

Only one default export can be in a file.

Example

message.js

const message = () => {
const name = "Bill";
const age = 19;
return name + ' is ' + age + ' years old.';
};
export default message;

Import

You can import modules into a file in two ways, depending on whether they are named exports or default exports.

Named exports are constructed using braces. Default exports are not.

Importing from named export

Importing named export from file person.js:

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

Try it yourself

Importing from default export

Importing default export from file message.js:

import message from "./message.js";

Try it yourself

Note

Modules are only applicable to HTTP(s) protocol.

Web pages opened via the file:// protocol cannot use import/export.