了解前端模块化的相关规范

一、模块化概述

1、传统开发模式的主要问题：命名冲突、文件依赖。

2、概念：模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块。

3、模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护。

二、模块化规范

1、浏览器端模块化规范（已经落伍）

（1）AMD

这是一种异步模块定义规范，主要用于浏览器端的 JavaScript 模块化。其主要特点是异步加载模块，不会阻塞其他模块的执行。Require.js是AMD 规范的一个典型实现。

（2）CMD

这是另一种浏览器端的 JavaScript 模块化规范，与 AMD 类似，但有一些细微的差别。CMD 强调依赖就近，即只在需要的时候才去 require。Sea.js 是 CMD 规范的一个实现。

2、服务器端模块化规范

（1）CommonJS

这是服务器端的 JavaScript 模块化规范，主要用于 Node.js 环境。其主要特点是同步加载模块，每个文件就是一个模块，有自己的作用域。模块成员通过 exports 或 module.exports 导出，通过 require 引入其他模块。

3、大一统的模块化规范-ES6 模块化

在ES6模块化规范诞生之前，Javascript 社区已经尝试并提出了AMD、CMD、CommonJs 等模块化规范。但是，这些社区提出的模块化标准，还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准。

例如：AMD和CMD适用于浏览器端的Javascript模块化，CommonJs适用于服务器端的Javascript模块化。因此，ES6语法规范中，在语言层面上定义了 ES 模块化规范，是浏览器端与服务器端通用的模块化开发规范。

ECMAScript 6（ES6）中定义的模块化规范，是浏览器端与服务器端通用的模块化开发规范。其主要特点是每个 JavaScript 文件都是一个独立的模块，使用 import 关键字导入模块成员，使用 export 关键字暴露模块成员。

ES6模块化规范中定义：

每个js文件都是一个独立的模块

导入模块成员使用import 关键字

暴露模块成员使用export关键字