减少代码耦合性

什么是代码耦合？

就是改了一点，而牵动了全身，或者是想要该点东西，需要在一堆代码里面找半天。

 

1.全局耦合

就是几个类、模块共用了全局变量或者全局数据结构，特别是一个变量跨了几个文件。

打个比方，html里定义个变量，然后在.js 中使用，这样name 就是个全局变量，并且跨了两个文件，一个html、一个js。

index.js里面突然有了name 的变量，后续维护代码的人看到这个变量到处找不到它的定义，最后发现是在html里，并且这样的变量容易和本地的变量发生命名冲突。

// 在html 里定义一个变量
<script>
    var name = 20;
</script>
 
<script src="index.js"></script>

 

2.js/css/html 的耦合

使用js 控制样式和html 结构，很多人喜欢在js 里面写样式。如果把css杂合到 js 里面，某个人想要检查样式改bug，就会发现浏览器里有style属性，但是找不到在哪里设置的。然后css里面也写样式，在改css的时候，不知道js 里面也有，就可能会发生冲突，所以不推荐直接js 里面改样式

* 通过增删类来控制演示，让样式还是回归到css 文件里面

 

3.减少重复代码

假设有一段代码在另外一个地方也要被用到，但又不太一样，然后直接copy 一下改改，这样就导致了如果以后要改一个相同的地方就得同时改好多处，很麻烦

* 抽成一个函数或方法，进行复用，或者封装成一个类，创建私有变量