Open In App

How to export multiple values or elements in a Module ?

Improve
Improve
Like Article
Like
Save
Share
Report

Modules in JavaScript contain some data or functions which can be reused anywhere by calling them. The export statement is used while creating these modules so that, the same modules can be imported in any other part of code to use those data and perform some tasks(carried out by functions) repetitively.

Syntax: The following syntax is used to export the multiple values or elements from the module:

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

Note: As we are exporting multiple values, while importing those values it is mandatory to use the same name of the corresponding object

Project Structure:

Project Structure of Code

Here, In the root folder of “GFG-MODULES” there are 3 files namely “index.html”,  “index.js” and our “package.json” file along with these, it has the “modules” folder containing a file named “siteData.js”.

Example:

Step 1: Configuring package.json file so that it won’t cause any errors when export statements are used

Firstly in our package.json file, add the following property:

"type" : "module"

When you have the “type: module” property, then your source code can use the import syntax, otherwise, it will cause errors and will only support the “require” syntax. Your package.json file should look similar to this

Javascript




{
  "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"
}


Step 2: Exporting multiple elements from the module. In siteData.js, we have exported multiple elements from our module “siteName”.

Javascript




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";


Step 3: Importing the multiple elements in index.js:

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}`);


Here, as we have exported multiple values, hence our export type was “Named Exports” and due to it, we have imported all the values by the same corresponding names.

Step to run the application: Open the terminal and type the following command.

node index.js

Output:

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

Thus, we have seen how to export multiple elements from a module.



Last Updated : 14 Jan, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads