Módulos de JavaScript
A medida que un programa crece, conviene dividirlo en archivos separados. Los
módulos permiten que un archivo comparta (export) código y que otro lo use
(import).
Exportar
// archivo: matematicas.js
export function sumar(a, b) {
return a + b;
}
export const PI = 3.1416;
También existe la exportación por defecto (una principal por archivo):
// archivo: saludo.js
export default function saludar(nombre) {
return "Hola, " + nombre;
}
Importar
// archivo: app.js
import { sumar, PI } from "./matematicas.js"; // nombradas (con llaves)
import saludar from "./saludo.js"; // por defecto (sin llaves)
console.log(sumar(2, 3)); // 5
console.log(saludar("Ana"));
¿Por qué importan?
- Organización: cada archivo tiene una responsabilidad clara.
- Reutilización: importas lo mismo desde varios sitios.
- Encapsulación: solo se comparte lo que exportas explícitamente.
Esta lección es conceptual: los módulos necesitan varios archivos reales, así que aquí solo verás la sintaxis. ¡Es la base de cualquier proyecto moderno!
Ejemplos
Cómo se vería el código (no ejecutable aquí)
// Esto ilustra la sintaxis; en el editor no hay otros archivos.
function sumar(a, b) {
return a + b;
}
// En un proyecto real: export function sumar(a, b) { ... }
console.log(sumar(2, 3)); // 5