什么是模块化
将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起
块的内部数据与实现是私有的(闭包/封装), 只是向外部暴露一些接口(方法)与外部其它模块通信
模块化的好处
1.避免命名冲突(减少命名空间污染)
2.更好的分离, 按需加载
3.更高复用性
4.高可维护性
一、 commonJS
CommonJS用同步的方式加载模块。在服务端,模块文件都存放在本地磁盘,读取非常快,所以这样做不会有问题。但是在浏览器端,限于网络原因,更合理的方案是使用异步加载。
二、AMD
AMD是Asynchronous Module Definition的缩写,意思就是"异步模块定义"。它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。
三、CMD
CMD(Common Module Definition), 是seajs推崇的规范,CMD则是依赖就近,用的时候再require。
AMD和CMD区别
AMD和CMD最大的区别是对依赖模块的执行时机处理不同,而不是加载的时机或者方式不同,二者皆为异步加载模块。
AMD依赖前置,js可以方便知道依赖模块是谁,立即加载;而CMD就近依赖,需要使用把模块变为字符串解析一遍才知道依赖了那些模块