¿Cómo exportar múltiples valores o elementos en un Módulo?

Los módulos en JavaScript contienen algunos datos o funciones que se pueden reutilizar en cualquier lugar llamándolos. La declaración de exportación se usa al crear estos módulos para que los mismos módulos se puedan importar en cualquier otra parte del código para usar esos datos y realizar algunas tareas (realizadas por funciones) repetitivamente.

Sintaxis: La siguiente sintaxis se utiliza para exportar los múltiples valores o elementos del módulo:

export let element1
export const someValue
export function foo(){...}

Nota: Como estamos exportando múltiples valores, al importar esos valores es obligatorio usar el mismo nombre del objeto correspondiente

Estructura del proyecto:

Estructura del proyecto de código

Aquí, en la carpeta raíz de «GFG-MODULES» hay 3 archivos, a saber, «index.html», «index.js» y nuestro archivo «package.json» junto con estos, tiene la carpeta «módulos» que contiene un archivo llamado «siteData.js».

Ejemplo:

Paso 1: configurar el archivo package.json para que no cause ningún error cuando se usan declaraciones de exportación

En primer lugar, en nuestro archivo package.json, agregue la siguiente propiedad:

"type" : "module"

Cuando tiene la propiedad «tipo: módulo», su código fuente puede usar la sintaxis de importación; de lo contrario, causará errores y solo admitirá la sintaxis «requerir». Su archivo package.json debería tener un aspecto similar a este

{
  "name": "gfg-modules",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "type": "module",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "GFG",
  "license": "ISC"
}

Paso 2: Exportación de múltiples elementos del módulo. En siteData.js, hemos exportado varios elementos de nuestro módulo «siteName».

export const siteName = "GeeksForGeeks";
export const url = "https://www.geeksforgeeks.org/";
export const founderName = "Sandeep Jain";
export const aboutSite = "A Computer Science portal for geeks";
export let siteContent =
  "Computer science and Programming articles along with Courses";

Paso 3: Importar los múltiples elementos en index.js :

import {
  siteName,
  url,
  founderName,
  aboutSite,
  siteContent,
} from "./modules/siteData.js";
  
console.log("Site Data is as follows:");
console.log(`Site name: \t${siteName}`);
console.log(`Site url : \t${url}`);
console.log(`Founder name: \t${founderName}`);
console.log(`About site: \t${aboutSite}`);
console.log(`Site Content: \t${siteContent}`);

Aquí, como hemos exportado varios valores, nuestro tipo de exportación fue «Exportaciones con nombre» y, debido a ello, hemos importado todos los valores con los mismos nombres correspondientes.

Paso para ejecutar la aplicación: Abra la terminal y escriba el siguiente comando.

node index.js

Producción:

Site Data is as follows:
Site name:      GeeksForGeeks
Site url :      https://www.geeksforgeeks.org/
Founder name:   Sandeep Jain
About site:     A Computer Science portal for geeks
Site Content:   Computer science and Programming articles along with Courses

Así, hemos visto cómo exportar múltiples elementos de un módulo.