Apa itu module?

Saat kodemu dalam JavaScript semakin besar dan kompleks, mengelola semuanya dalam satu file menjadi sulit. Solusinya adalah module: memisahkan kodemu ke dalam file-file terpisah yang tertata.

module adalah file JavaScript yang berisi kode-kode terkait. Setiap module menangani satu tugas tertentu, sehingga aplikasi kamu lebih mudah dipahami dan dipelihara.

Module JavaScript adalah file .js biasa yang dapat mengekspor kode (variabel, fungsi, class) agar file lain dapat mengimpor dan menggunakannya.

Contoh:

Satu File yang Berantakan:

// file: messy-app.js
let user = "John";
let score = 0;

function login() {
  console.log("Welcome " + user);
}

function addPoints(points) {
  score += points;
}

Dua file yang disusun menggunakan Module:

// file: user-module.js
let user = "John";
function login() {
  console.log("Welcome " + user);
}
// file: game-module.js  
let score = 0;
function addPoints(points) {
  score += points;
}

user-module.js - File ini menangani autentikasi pengguna dan data terkait pengguna, serta berisi fungsi nama pengguna dan login.

game-module.js - File ini mengelola sistem skor dan poin game, melacak skor, serta menangani perhitungan poin.