O que são Módulos?

Quando seu código JavaScript cresce e se torna complexo, fica difícil gerenciar tudo em um único arquivo. A solução são os módulos: dividir seu código em arquivos separados e organizados.

Um módulo é um arquivo JavaScript que contém código relacionado. Cada módulo lida com uma tarefa específica, tornando sua aplicação mais fácil de entender e manter.

Um módulo JavaScript é um arquivo .js comum que pode export código (variáveis, funções, classes) para que outros arquivos possam import e usá-lo.

Exemplo:

Um Arquivo Bagunçado:

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

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

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

Dois arquivos organizados com Módulos:

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

user-module.js - Ele lida com a autenticação de usuários e dados relacionados ao usuário e contém o nome de usuário e a funcionalidade de login.

game-module.js - Ele gerencia a pontuação do jogo e o sistema de pontos, além de rastrear a pontuação e lidar com os cálculos de pontos.