JavaScript 模块
模块
JavaScript 模块允许您将代码分成单独的文件。
这使得维护代码库变得更加容易。
JavaScript 模块依赖于 import
和export
陣容 註釋 .
出口
您可以从任何文件导出函数或变量。
让我们创建一个名为 person.js
,并在里面填入我们想要导出的东西。
导出有两种类型:命名导出和默认导出。
命名导出
您可以通过两种方式创建命名导出。单独地内联,或一次性地在底部创建。
单独在线:
person.js
导出 const 名称 = “Jesse”;
导出 const 年龄 = 40;
一下子出现在底部:
person.js
const 名称 = “杰西”;
常量年龄=40;
导出{姓名,年龄};
默认导出
让我们创建另一个文件,名为 message.js
,并用它来演示默认导出。
一个文件中只能有一个默认导出。
例子
message.js
const 消息 = () => {
const 名称 = “杰西”;
常量年龄=40;
返回名称 + '是' +年龄 + '岁';
};
导出默认消息;
进口
您可以通过两种方式将模块导入文件,基于它们是命名导出还是默认导出。
命名导出使用花括号构造。默认导出则不然。
笔记
模块仅适用于 HTTP(s) 协议。
通过 file:// 协议打开的网页无法使用导入/导出。