Qu'est-ce qu'un module ?

Lorsque votre code JavaScript devient volumineux et complexe, il devient difficile de tout gérer dans un seul fichier. La solution réside dans les modules : diviser votre code en fichiers séparés et organisés.

Un module est un fichier JavaScript qui contient du code associé. Chaque module gère une tâche spécifique, ce qui rend votre application plus facile à comprendre et à maintenir.

Un module JavaScript est un fichier .js classique qui peut export du code (variables, fonctions, classes) afin que d'autres fichiers puissent l'import et l'utiliser.

Exemple :

Un seul fichier en désordre :

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

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

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

Deux fichiers organisés avec des modules :

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

user-module.js - Il gère l'authentification des utilisateurs et les données liées aux utilisateurs et contient le nom d'utilisateur et la fonctionnalité de connexion.

game-module.js - Il gère le système de points et le score du jeu, suit le score et s'occupe des calculs de points.