Node.js 如何在模块中导出多个值或元素
在JavaScript中,模块包含一些数据或函数,可以通过调用它们在任何地方重复使用。在创建这些模块时使用“export”语句,以便可以在代码的任何其他部分导入相同的模块,使用这些数据并重复执行一些任务(通过函数进行)。
语法: 以下语法用于从模块中导出多个值或元素:
export let element1
export const someValue
export function foo(){...}
注意:由于我们正在导出多个值,因此在导入这些值时,必须使用相应对象的相同名称
项目结构:
这里,在“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
因此,我们已经看到如何从一个模块中导出多个元素。