En los módulos JavaScript ECMAScript 6 (ES6), puede exportar valores de un módulo utilizando dos enfoques principales: exportaciones con nombre y exportaciones predeterminadas. Estos enfoques le permiten organizar y compartir código entre diferentes archivos de una manera más modular y fácil de mantener. Exploremos cada uno de estos conceptos con más detalle:
Exportaciones nombradas:
Las exportaciones con nombre le permiten exportar múltiples valores de un módulo y darles a cada uno de ellos un nombre específico. Puede importar estos valores utilizando sus respectivos nombres al importar en otro módulo.
Ejemplo:
// móduloA.js
exportar const foo = 'Foo';
exportar barra de funciones() {
// implementación de la función
}
// móduloB.js
importar { foo, bar } desde './moduleA';
En este ejemplo, exporta tanto el foo constante y el bar función de móduloAy los importas usando sus respectivos nombres en móduloB.
2. Exportación predeterminada:
La exportación predeterminada se utiliza para exportar un valor único como valor predeterminado para un módulo. Este valor puede ser una variable, función, clase o cualquier otra entidad de JavaScript. Al importar una exportación predeterminada, puede asignarle cualquier nombre que desee en el módulo de importación.
Ejemplo:
// móduloC.js
const myDefault = 'Valor predeterminado';
exportar valor predeterminado myDefault;
// móduloD.js
importar myAlias desde './moduleC';
En este ejemplo, el mipredeterminado El valor se exporta como exportación predeterminada desde móduloC. Al importarlo a móduloDse le asigna el nombre miAlias.
Es importante tener en cuenta que puede combinar exportaciones con nombre y predeterminadas en el mismo módulo:
// móduloE.js
export const nameExport = 'Exportación con nombre';
const defaultExport = 'Exportación predeterminada';
exportar predeterminado defaultExport;
Al importar exportaciones mixtas, puede elegir cómo importarlas:
importar myDefault, {nameExport} desde './moduleE';
Aquí, mipredeterminado recibirá el valor de exportación predeterminado, y nombradoExportar recibirá el valor de exportación indicado.
En resumen, las exportaciones con nombre son útiles cuando desea exportar múltiples valores e importarlos con sus nombres específicos, mientras que las exportaciones predeterminadas son útiles para exportar un valor único y darle un nombre personalizado al importar. La elección entre los dos depende de la estructura y los requisitos de su código base.
Gracias por leer 🙂