Un módulo es un archivo JavaScript que puede compartir valores con otro. export señala qué ofreces; import indica qué necesitas. Para comprobarlo de verdad necesitas dos archivos separados, no dos funciones en la misma pestaña.
Ejemplo paso a paso
Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.
Archivos y comandos de ejemplo{ js }
// archivo calculos.js
export function doble(numero) {
return numero * 2;
}
// archivo app.js
import { doble } from './calculos.js';
console.log(doble(5));
calculos.js declara y exporta doble.
app.js la importa mediante la ruta del archivo vecino.
Cuando abres index.html del ejemplo mediante un servidor local, la consola muestra 10.
Practica con código
Antes de empezar, piensa: ¿En qué archivo está definida la función? ¿En cuál se utiliza?
Descarga los archivos del ejemplo. Cambia doble(5) por doble(7) en app.js y recarga la página desde un servidor local.
El resultado que buscamos
En la consola de ese proyecto debe aparecer 14.
Actividad con archivos reales
Necesitas un editor, las herramientas de desarrollo o una terminal: no simulamos esos resultados.