JavaScript Extended #24: Modular JavaScript (ES Modules)

• 06/02/2025
• ariq fadhil
• 8

1. Kenapa Butuh Module?

Ketika project JavaScript semakin besar, menaruh semua kode dalam satu file akan membuat aplikasi sulit dirawat. Module membantu memecah kode menjadi bagian-bagian kecil yang lebih terstruktur dan reusable.

2. Export

export digunakan untuk mengeluarkan function, variable, atau class dari sebuah file.

export function tambah(a, b) {
  return a + b;
}

export const appName = "Belajar JS";

3. Import

import digunakan untuk mengambil data yang diexport dari file lain.

import { tambah, appName } from "./math.js";

console.log(tambah(2, 3));
console.log(appName);

4. Default Export

Selain named export, JavaScript juga mendukung default export.

export default function kali(a, b) {
  return a * b;
}

import kali from "./math.js";

5. Keuntungan ES Modules

• Kode lebih rapi
• Mudah dipisah sesuai tanggung jawab
• Lebih mudah dirawat dan di-scale
• Mendukung reuse code

6. Ringkasan

• Module membantu mengorganisasi kode JavaScript
• export untuk mengirim data dari file
• import untuk mengambil data dari file lain
• ES Modules sangat penting untuk project modern

Di part berikutnya, kita akan membahas OOP JavaScript: prototype, constructor, dan class.