模块化开发

前端代码模块化初体验

1.前端模块化历史：

最初前端只有html+css这两种简单语言做简单的页面展示，js发明之初只是为了执行一些简单的脚本，让页面更有交互性，那时的脚本就是在html文件下方标签里写一点代码就可以了 。

随着ajax异步请求的出现，前后端开始分离：

- 客户端要完成的事越来越多，代码量也与日俱增

- 为了应对大量的代码，我们通常会将代码组织到多个js文件中，进行维护

- 但是这种维护方式，依然不能避免一些灾难性的问题

- 比如全局变量同名问题

2.前端模块化雏形：

利用自执行函数，将函数内部的变量与函数放到一个对象里，然后return出来，给一个变量，这样下面的代码就可以使用这个文件中的变量与函数。

变量moduleA就是一个模块，不同的模块名字不冲突就可以解决命名冲突与代码复用性的问题<