Modul JavaScript

Modul (Modules)

JavaScript Modul memungkinkan Anda memecah kode menjadi berbagai file yang terpisah.

ini akan membuat pemeliharaan pustaka kode menjadi lebih mudah.

Modul digunakan import pernyataan yang diimpor dari file eksternal di dalam tag <script>.

Modul masih tergantung pada type="module".

Contoh

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

Coba Sendiri

ekspor

denganfungsiatauvariabelmodul dapat disimpan di berbagai file eksternal.

Eksport ada dua jenis:Eksport BerNamadanEksport Standar.

Eksport BerNama (Named Exports)

Buat sebuah file bernama person.js dan mengisi konten yang ingin kita ekspor di dalamnya.

Anda dapat membuat ekspor berNama dengan dua cara. Satu adalah membuatnya secara tunggal inline, dan yang lainnya adalah membuatnya secara tunggal di bawah file.

Buat secara tunggal inline:

person.js

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

Buat secara tunggal di bawah file:

person.js

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

Eksport Standar (Default Exports)

Buat berkas lain yang dinamai message.js dan gunakan untuk menunjukkan ekspor standar.

Hanya dapat ada satu ekspor standar di dalam berkas.

Contoh

message.js

const message = () => {
const name = "Bill";
const age = 19;
return name + ' adalah ' + age + 'tahun tua.';
};
export default message;

Impor

Anda dapat memasukkan modul ke berkas melalui dua cara, tergantung apakah mereka adalah ekspor yang dinamai atau ekspor standar.

Ekspor yang dinamai dibuat dengan menambahkan kurung kurawal. Ekspor standar tidak.

Impor ekspor yang dinamai

Impor ekspor yang dinamai dari berkas person.js:

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

Coba Sendiri

Impor ekspor standar

Impor ekspor standar dari berkas message.js:

import message from "./message.js";

Coba Sendiri

Perhatian

Modul hanya berlaku untuk protokol HTTP(s).

Halaman yang dibuka melalui protokol file:// tidak dapat menggunakan impor/impor.