JavaScript 模块允许您将代码分解为单独的文件。
这使得维护代码库变得更加容易。
模块是从外部文件导入的import
陈述。
模块还依赖type="module"
在 <script> 标签中。
模块具有函数或者变量可以存储在任何外部文件中。
Export有两种类型:指定Export和默认导出。
让我们创建一个名为person.js
,并填写我们要导出的内容。
您可以通过两种方式创建命名导出。单独排列,或同时排列在底部。
person.js
export const name = "Jesse";
export const age = 40;
person.js
const name = "Jesse";
const age = 40;
export {name, age};
让我们创建另一个文件,命名为message.js
,并用它来演示默认导出。
一个文件中只能有一个默认导出。
message.js
const message = () => {
const name = "Jesse";
const age = 40;
return name + ' is ' + age + 'years old.';
};
export default message;
您可以通过两种方式将模块导入到文件中,具体取决于它们是命名导出还是默认导出。
命名导出是使用花括号构建的。默认导出不是。
模块仅适用于 HTTP(s) 协议。
通过 file:// 协议打开的网页无法使用导入/导出。
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!