← JavaScript38 / 69

Module: import dan export

Module memecah kode jadi file terpisah. export menyediakan, import memakai. Ada dua bentuk: named export (bisa banyak per file, nama harus cocok) dan default export (satu per file, nama saat import bebas). Konvensi umum: named export untuk utilitas, default untuk komponen utama file itu.

👀 Contoh dulu

// ── file: hitung.js ──
export const PPN = 0.11;                 // named
export function pajak(x) { return x * PPN; }  // named
export default pajak;                    // default (satu per file)

// ── file lain ──
// import pajak, { PPN } from './hitung.js';
// nama default bebas, nama named harus cocok

Hasilnya: hitung.js menyediakan tiga hal; file lain bisa mengimpor sebagian atau semuanya sesuai kebutuhan.

💡 Named export dibungkus kurung kurawal saat diimpor, default export tidak. Satu file maksimal satu default.

📝 Sekarang giliranmu

Tulis kode yang mengekspor fungsi luas sebagai named export DAN sebuah nilai sebagai default export. (Preview tidak menjalankan module, cukup tulis sintaksnya dengan benar.)

Preview
← SebelumnyaBerikutnya →