减少前端代码耦合的几个方法

Posted yangguoe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了减少前端代码耦合的几个方法相关的知识,希望对你有一定的参考价值。

1、 避免全局耦合
这应该是比较常见的耦合。全局耦合就是几个类、模块共用了全局变量或者全局数据结构,特别是一个变量跨了几个文件
 
2、js/css/html的耦合
不推荐直接在js里面更改样式属性,而应该通过增删类来控制样式,这样子样式还是回归到css文件里面
 
3、减少重复代码
整一个的思路是这样的:出现了重复代码 -> 封装成一个函数 -> 封装成一个模块 -> 封装成一个插件,抽象级别不断提高,将共有的特性和有差异的地方分离出来。当你走在抽象与封装的路上的时候,那你应该也是走在了大神的路上。
模块化的极端是拆分粒度太细,一个简单的功能,明明十行代码写在一起就可以搞定的事情,硬是写了七、八层函数栈,每个函数只有两、三行。这样除了把你的逻辑搞得太复杂之外,并没有太多的好处。当你出现了重复代码,或者是一个函数太大、功能太多,又或是逻辑里面写了三层循环又再嵌套了三层if,再或是你预感到你写的这个东西其他人也可能会用到,这个时候你才考虑模块化,进行拆分比较合适。
每个模块都有自己的职责,不可拆分,这在面向对象编程里面叫做单一责职原则,一个模块只负责一个功能。

以上是关于减少前端代码耦合的几个方法的主要内容,如果未能解决你的问题,请参考以下文章

前端优化代码主要的几种方式!

前端开发环境前端使用GIT管理代码仓库需要掌握的几个必备技巧和知识点总结

Spring MVC的几个重要组件

检测当前应用的运行状态的几个方法

前端开发常用又好用的几个软件

前端性能优化-减少http请求,dns预解析,减少repaint和reflow