Module là gì?

Khi code JavaScript của bạn ngày càng lớn và phức tạp, bạn sẽ khó quản lý mọi thứ trong một tệp. Giải pháp là dùng module: chia code thành các tệp riêng biệt, có tổ chức.

module là một tệp JavaScript chứa các đoạn code có liên quan. Mỗi module đảm nhận một nhiệm vụ cụ thể, giúp bạn dễ hiểu và bảo trì ứng dụng hơn.

Module JavaScript là một tệp .js thông thường có thể export code (biến, hàm, lớp) để các tệp khác có thể import và sử dụng.

Ví dụ:

Một tệp lộn xộn:

// tệp: messy-app.js
let user = "John";
let score = 0;

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

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

Hai tệp được sắp xếp bằng các module:

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

user-module.js - Tệp này xử lý việc xác thực người dùng và dữ liệu liên quan đến người dùng, đồng thời chứa chức năng tên người dùng và đăng nhập.

game-module.js - Tệp này quản lý hệ thống tính điểm của trò chơi, theo dõi điểm số và xử lý việc tính điểm.