模块化的相关规范
1.模块化概述:
传统开发模式的主要问题 :
- 命名冲突(多个 js 文件之间,如果存在重名的变量,会发生变量覆盖问题)
- 文件依赖(js 文件之间无法实现相互引用)
通过模块化解决上述问题:
- 模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块
- 模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维护
2.浏览器端的模块化规范:
- AMD Require.js (http://www.requirejs.cn/)
- CMD Sea.js (https://seajs.github.io/seajs/docs/)
注意:上面的都落伍了,已经有新的解决方案!(ES6 模块化规范)
3.服务器端的模块化规范:
node 中的 CommonJS 规范:
- 模块分为 单文件模块 与 包
- 模块成员导出:module.exports 和 exports
- 模块成员导入:require('模块标识符')
4.大一统的模块化规范 – ES6 模块化:
在 ES6 模块化规范诞生之前,Javascript 社区已经尝试并提出了 AMD、CMD、CommonJS 等模块化规范,但是,这些社区提出的模块化标准,还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准,例如:
- AMD 和 CMD 适用于浏览器端的 Javascript 模块化
- CommonJS 适用于服务器端的 Javascript 模块化
因此,ES6 语法规范中,在语言层面上定义了 ES6 模块化规范,是浏览器端与服务器端通用的模块化开发规范。
ES6 模块化规范中定义:
- 每个 js 文件都是一个独立的模块
- 导入模块成员使用 import 关键字
- 暴露模块成员使用 export 关键字