- Objective:
- Breadcrumb:
# 概念阐释
## 语义
代码的组块，将解决不同问题的代码拆分成一个一个的组块（代码片段），并且能够组合、拆分、重组，可以被导出并在另一个文件中导入以供使用。模块(module)也叫文件(file)
#### 优势
- 方便维护和调试
- 重复利用定义好的逻辑
- 信息保持私密
- 防止污染全局空间
#### 文件管理
在网站的父文件夹中有专门一个名为`module`的文件夹，里面是各种模块js文件。
```html
<script type="module" src="./secret-messages.js">
```
在HTML的`<script>`中添加`type = "module"`，否则会报错
# 实例
- `database_logic.js`模块可能包含用于存储和检索数据库中数据的代码
- `date_formatting.js`模块可能包含函数，将日期值从一种格式转换为另一种格式
# 相关内容
在[[Node.js]]中使用模块
# 问题
# 问题答案
# 参考资料
- [Implementing Modules using ES6 Syntax-codecademy](https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-front-end-development/tracks/fscj-22-javascript-syntax-part-iii/modules/wdcp-22-learn-javascript-syntax-modules-7ac62a4b-087e-4517-9b13-cc0e94b8495d/articles/implementing-modules-using-es-6-syntax)
- [JavaScript 模块-MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Modules)