El atributo type='module' en la etiqueta <script>

---

El atributo type="module" en la etiqueta <script> indica que el script debe ser tratado como un módulo de JavaScript, lo que trae consigo una serie de ventajas y funcionalidades.

¿Qué es type="module"?

Cuando se incluye este atributo en una etiqueta <script>, se indica que el archivo de script es un módulo. Esto permite importar y exportar funcionalidades entre diferentes archivos JavaScript.

Ejemplo de uso:

Para utilizar type="module", simplemente se debe agregar el atributo a la etiqueta <script>:

<script type="module" src="app.js"></script>

Importar y exportar módulos

Exportar un módulo:

Para exportar funciones, objetos o variables desde un archivo, se utiliza la palabra clave export.

// archivo: utilidades.js
export const sumar = (a, b) => a + b;
export const restar = (a, b) => a - b;

Importar un módulo:

Para importar un módulo en otro archivo, se utiliza la palabra clave import.

// archivo: app.js
import { sumar, restar } from './utilidades.js';

console.log(sumar(5, 3)); // Imprime: 8
console.log(restar(5, 3)); // Imprime: 2