Node.js 如何在模块中导出多个值或元素

在JavaScript中，模块包含一些数据或函数，可以通过调用它们在任何地方重复使用。在创建这些模块时使用“export”语句，以便可以在代码的任何其他部分导入相同的模块，使用这些数据并重复执行一些任务（通过函数进行）。

语法： 以下语法用于从模块中导出多个值或元素：

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

注意：由于我们正在导出多个值，因此在导入这些值时，必须使用相应对象的相同名称

项目结构：

Node.js 如何在模块中导出多个值或元素

这里，在“GFG-MODULES”的根文件夹中有3个文件，分别是“index.html”，“index.js”和我们的“package.json”文件，除此之外，还有一个名为“siteData.js”的文件夹称为“modules”文件夹。

示例：

步骤1： 配置 package.json 文件以避免在使用 export 语句时出现错误

首先，在我们的package.json文件中添加以下属性：

"type" : "module"

当你设置了“type: module”属性时，你的源代码可以使用import语法，否则将会导致错误，并只支持“require”语法。你的package.json文件应该类似于这个

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

步骤2： 从模块中导出多个元素。在 siteData.js， 中，我们从模块“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";

步骤3： 导入多个元素 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}`);

在这里，因为我们导出了多个值，所以我们的导出类型是“命名导出”，因此我们通过相应的名称导入了所有的值。

运行应用程序的步骤： 打开终端并输入以下命令。

node index.js

输出：

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