前端代码如何解耦.pdfVIP

前端代码如何解耦？ 高内聚，低耦合是我们在软件开发中所追求的。编写前端代码(HTML CSS和JavaScript) 也跟后端Java开发一样，需要注重代码的解耦，保持更好的可维护性，可扩展性，以及可 读性。也看到很多后端同学已经具备良好的前端开发能力，能够独立开发功能，但离优秀的 前端开发还有一定的差距，其中一点表现是模块划分不清晰，模块与模块代码互相关联，互 相依赖，功能迭代成本高。如果知道对前端代码进行解耦，对前端开发更深入一点，离优秀 的前端开发就更进了一步。下面主要从3个方面来阐述前端代码如何解耦，自己的感悟，来 跟大家分享下，有异议和不对的地方欢迎线下交流和探讨。 一 JavaScript 代码解耦 可以从以下3个方面着手： 1、划分清晰的JS模块层次 2、组织高内聚的JS模块 3、设计透明的JS模块依赖和通信 1、划分清晰的JS 模块层次 很早之前，我们开发的代码是无组织式的（这种情况依然存在），代码（函数）散落在各个 页面各个地方，根本无法知晓该代码在哪里被引用，后期也不赶轻易删除，只能一直存在， 那么是否有办法来管理这些函数，答案是有，目前我们FDEV4提供了一个叫namespace（命 名空间）扩展，让我们能够轻松划分JS模块层次，如下： 2、组织高内聚的JS 模块 一个设计良好的JS模块，应该是只关心自己的实现，不