Cosa sono i moduli?

Quando il tuo codice JavaScript diventa grande e complesso, diventa difficile gestire tutto in un unico file. La soluzione sono i moduli: suddividere il codice in file separati e organizzati.

Un modulo è un file JavaScript che contiene codice correlato. Ogni modulo gestisce un compito specifico, rendendo la tua applicazione più facile da comprendere e mantenere.

Un modulo JavaScript è un normale file .js che può esportare codice (variabili, funzioni, classi) affinché altri file possano importarlo e usarlo.

Esempio:

Un file disordinato:

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

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

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

Due file organizzati con i moduli:

// 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 - Gestisce l'autenticazione degli utenti e i dati correlati agli utenti e contiene il nome utente e la funzionalità di accesso.

game-module.js - Gestisce il sistema di punteggio del gioco, tiene traccia del punteggio e si occupa del calcolo dei punti.