理解模块化的相关规范

模块化的相关规范

1.模块化概述：

传统开发模式的主要问题 ：

• 命名冲突（多个js文件之间，如果存在重名的变量，会发生变量覆盖问题）
• 文件依赖（js文件之间无法实现相互引用）

通过模块化解决上述问题：

• 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块
• 模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护

2.浏览器端的模块化规范：

1. AMD Require.js (http://www.requirejs.cn/)
2. CMD Sea.js (https://seajs.github.io/seajs/docs/)

注意：上面的都落伍了，已经有新的解决方案！（ES6 模块化规范）

3.服务器端的模块化规范：

node中的CommonJS规范：

1. 模块分为 单文件模块 与 包
2. 模块成员导出：module.exports 和 exports
3. 模块成员导入：require(‘模块标识符’)

4.大一统的模块化规范 – ES6模块化：

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

• AMD 和 CMD 适用于浏览器端的 Javascript 模块化
• CommonJS 适用于服务器端的 Javascript 模块化

因此，ES6 语法规范中，在语言层面上定义了 ES6 模块化规范，是浏览器端与服务器端通用的模块化开发规范。

ES6模块化规范中定义：

• 每个 js 文件都是一个独立的模块
• 导入模块成员使用 import 关键字
• 暴露模块成员使用 export 关键字