JS模块化

JS模块化

一、 模块化的基本概念

将某个功能单独封装到一个文件中，其他文件需要该功能模块的时候可以引入，很多其他语言都有模块化的概念。

二、 为什么要有模块化

1、 以前写的js中定义的变量和函数名字容易冲突
2、 一个html页面引入多个js，js依赖问题

三、 早期模块化解决方法

1、 立即执行函数，自调用，如下代码

或者

四、 模块化

1、 commonJS
2、 CMD规范->seaJS 官网：http://seajs.github.io/seajs/docs/
3、 AMD规范->requireJS 官网：https://requirejs.org/
4、 ES6模块（更详细的用法参考官网）

五、 模块化的好处

1、 避免命名冲突
2、 更好的分离代码、按需加载
3、 更高的复用性
4、 更好的维护性