Czym są moduły?

Gdy Twój kod JavaScript staje się duży i złożony, trudno jest zarządzać wszystkim w jednym pliku. Rozwiązaniem są moduły: podzielenie kodu na osobne, uporządkowane pliki.

Moduł to plik JavaScript zawierający powiązany kod. Każdy moduł wykonuje jedno określone zadanie, dzięki czemu aplikacja jest łatwiejsza do zrozumienia i utrzymania.

Moduł JavaScript to zwykły plik .js, który może eksportować kod (zmienne, funkcje, klasy), aby inne pliki mogły go importować i używać.

Przykład:

Jeden nieuporządkowany plik:

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

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

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

Dwa pliki uporządkowane za pomocą modułów:

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

user-module.js – Obsługuje uwierzytelnianie użytkowników i dane z nimi związane, a także zawiera funkcjonalność związaną z nazwą użytkownika i logowaniem.

game-module.js – Zarządza punktacją w grze i systemem punktów, śledzi wynik oraz obsługuje obliczanie punktów.