Web前端:什么是模块化****
什么是模块化****
1.1 模块化产生****
模块化发展历程
js一开始并没有模块化的概念,直到ajax被提出,前端能够像后端请求数据,前端逻辑越来越复杂,就出现了许多问题:全局变量,函数名冲突,依赖关系不好处理。
当时使用子执行函数来解决这些问题,比如经典的jquery就使用了匿名自执行函数封装代码,将他们全都挂载到全局变量jquery下边
在js出现的时候,js一般只是用来实现一些简单的交互,后来js开始得到重视,用来实现越来越复杂的功能,而为了维护的方便,我们也把不同功能的js抽取出来当做一个js文件,但是当项目变的复杂的时候,一个html页面可能需要加载好多个js文件,而这个时候就会出现各种命名冲突,如果js也可以像java一样,把不同功能的文件放在不同的package中,需要引用某个函数或功能的时候,import下相关的包,这样可以很好的解决命名冲突等各种问题,但是js中没有模块的概念,又怎么实现模块化呢
模块化开发是一种管理方式,是一种生产方式,一种解决问题的方案,一个模块就是实现特定功能的文件,有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块,但是模块开发需要遵循一定的规范,否则就都乱套了,因此,才有了后来大家熟悉的AMD规范,CMD规范
1.2为什么使用模块化****
我们通过模块把我们的代码整理和隔离,这样我们以后写的功能 公共的使用的方法或者模块就可以这样写,对代码进行隔离,模块之前这样不能直接互相通信,实现隔离
总结:
使用模块化可以给我们带来以下好处
· 解决命名冲突
· 提供复用性
· 提高代码可维护性
· 灵活架构,焦点分离,方便模块间组合、分解
· 多人协作互不干扰