¿Qué son los módulos?

Cuando tu código JavaScript se vuelve grande y complejo, se vuelve difícil gestionarlo todo en un solo archivo. La solución son los módulos: dividir tu código en archivos separados y organizados.

Un módulo es un archivo JavaScript que contiene código relacionado. Cada módulo se encarga de una tarea específica, haciendo que tu aplicación sea más fácil de entender y mantener.

Un módulo de JavaScript es un archivo .js normal que puede export código (variables, funciones, clases) para que otros archivos puedan import y usarlo.

Ejemplo:

Un archivo desordenado:

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

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

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

Dos archivos organizados con Módulos:

// 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 - Se encarga de la autenticación de usuarios y los datos relacionados con el usuario, y contiene el nombre de usuario y la funcionalidad de inicio de sesión.

game-module.js - Gestiona el sistema de puntuación y puntos del juego, realiza el seguimiento de la puntuación y maneja los cálculos de puntos.