October 8, 2022 8:35 PM (CDT)
Aportes
<aside> 💡 “¿Qué es un módulo? El archivo del cual importamos alguna función o valor” — Pogolo
</aside>
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, en el cual vamos a export el código, y el segundo será el archivo donde vamos a import el código (08-module.js).
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;
}
Adicionalmente, no se puede usar export default antes de declaraciones const, let o var, pero puedes exportarlas al final.
Y antes de function ¿? ↟ Parece que si.
❌ 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 modulo.