模块化开发浅析

浅析为什么使用前端模块化开发

随着web前端的发展，传统对web前端的定义逐渐成为过去，web前端的作用也逐渐发生着翻天覆地的变化。在过去，开发者们往往更加业务的实现，而到了这个更加注重用户体验的时代，web前端需要承担的也就更多，而随之而来的是web前端的代码编写与优化，在进入模块化的话题之前我们首先看一看传统的web前端是什么样的。

1.传统web前端开发中存在的问题

在传统的开发过程中，由于应用的复杂度不高，且多数网站都是一次性的，规模较小，因此相对于可维护性，开发效率往往显得更加重要。因此在开发过程中往往存在如下问题：

问题一：由于代码的组织的结构是非模块化的，所以代码无法复用，进而导致代码重 复，这就为维护埋下了隐患 – 需求变更或功能添加将导致代码多处更改，随着应用规模的增大，代码将迅速进入难以维护的状态。

问题二：由于代码粒度太大，页面可能会加载大量根本用不到的代码，即便忽略网络传输的问题，过多无用代码，也会导致页面解析缓慢。

问题三：由于所有代码都混在一起，无法测试，我们也就无法获得保证代码质量的有效手段。

2.何为模块化开发

为了回答这个问题，首先要解释何为“模块（module）”：

“模块是为完成某一功能所需的一段程序或子程序。模块是任何的应用架构不可缺少的一部分，是系统中职责单一且可替换的部分。”以上定义中最为关键的两点是“职责单一”和“可替换”，这也是模块最基本的属性。

所谓模块化就是指把系统代码划分为一系列职责单一，且可替换的模块。模块化开发就是指如何开发新的模块，和复用已有模块来实现应用的功能。

3.为什么使用模块化开发

可维护性的需要

代码的可维护性的一种理解是，新功能的添加无需修改已有代码，旧有功能的变更无需修改多处代码。

对于初期需求不明确，需要采用不断迭代方式开发的项目，代码可维护性就显的尤为重要。

可测性的需要

代码的可测性的一种理解是，代码可以在系统环境外进行独立正确性验证。在系统环境外对代码进行测试十分重要，这不仅能保证代码的正确性，同时也保证了代码可以在不同环境中复用。

性能的需要

模块化的代码可以实现按需加载，进而保证了我们不会把宝贵的页面加载时间浪费在下载和解释多余的代码上。

架构的需求

架构的任务之一是保证系统可以应对未来的变化。这些变化包括新功能的添加，原有功能的修改，地层库文件的更换（有jQuery切换到tangram或其他），性能优化等等。任何可以实现这一目标的架构都要求代码必须是模块化的。

代码复用

代码复用不仅仅是为了节省开发时间，同时也是保证代码质量的有效手段，代码的复用程度越高，其质量就越容易得到保证。

多人协作的需要

大型应用无法通过一人之力完成，多人协作是不可避免的。在多人协作的环境下，经常要面临修改或使用别人写的代码的问题。只有那些功能单一，接口明确，模块化代码我们才敢放心大胆的修改或使用。

---

在这个前端发展日新月异的时代，只有深入体会模块化开发的意义才能使自己的代码更具可性能和可维护性，而在大型项目的开发过程中，这两点可能直接影响着你的迭代开发的进程。因此，我们有必要深入学习模块化开发的思想，在设计过程中，选择合适的架构模式，设计模式，这样才能更加适应和融入新时代的前端发展。