Clase

October 8, 2022 8:35 PM (CDT)

December 13, 2024 7:58 PM (CST)

Aportes

<aside> 💡 “¿Qué es un módulo? El archivo del cual importamos alguna función o valor” — Pogolo

December 15, 2024 10:25 AM (CST) Esta clase la hice bastante bien, me sorprendería si lo hice a la primera, esta ocasión solo tuve que aclarar una dudas y ya.

</aside>

Module

Importar: Traer cosas de afuera.

Export: Sacar cosas hacia afuera.

Para que el código de JavaScript sea más ordenado, legible y mantenible; ES6 introduce una forma de manejar código en archivos de manera modular. Esto involucra exportar funciones o variables de un archivo, e importarlas en otros archivos donde se necesite.

Para explicar cómo funciona las exportaciones e importaciones de código, debes tener mínimo dos archivos, uno para exportar las funcionalidades y otro que las importe para ejecutarlas.

El primer archivo (molule.js) es el ejemplo del módulo, el cual export el código, y el segundo será el archivo donde vamos a import el código (08-module.js).

⇲

Export e Import Default

Export

Si solo UN valor será exportado, entonces se puede utilizar export default. De esta manera no es necesario las llaves {} al exportar e importar. .

((**module.js**))
const hello = () => {
    console.log('Hello!');
}

export default hello;

Sintaxis: export default functionName.

Lengua humana: palabras reservadas, el nombre de la función.

Otra manera de hacerlo | Delante de la función.

((**math_function.js**))
**export default** function add (x,y) {
	return x + y;
}

<aside> ⚠️

Adicionalmente. Solo se puede usar export default antes de function. Con los demás nel pastel.

</aside>

❌ Erróneo

export default const add  = (x,y) => {
	return x + y;
}

✅ Correcto

const add  = (x,y) => {
	return x + y;
}
export default add

| Ya tenemos el módulo.