之前组内同学问我耦合的关系,我没给对方讲清楚,今天借这个机会来深入讲讲模块之间的耦合关系这个事情。
本文将用图文详细讲解七种耦合的不同之处。
高内聚与低耦合
高内聚与低耦合是每个软件开发者追求的目标,那么内聚和耦合分别是什么意思呢?
![](https://pic4.zhimg.com/d5a14fd287611c32b690059ae471820b_b.png)
![](https://pic4.zhimg.com/80/d5a14fd287611c32b690059ae471820b_720w.png)
内聚是从功能角度来度量模块内的联系,一个好的内聚模块应当恰好做一件事。它描述的是模块内的功能联系。
耦合是软件结构中各模块之间相互连接的一种度量,耦合强弱取决于模块间接口的复杂程度、进入或访问一个模块的点以及通过接口的数据。
耦合
不同模块之间的关系就是耦合,根据耦合程度可以分为7种,耦合度依次变低。
- 内容耦合
- 公共耦合
- 外部耦合
- 控制耦合
- 标记耦合
- 数据耦合
- 非直接耦合
下面我们来说说每种耦合是什么,开始之前先来说下要实现的功能。m1和m2是两个独立的模块,其中m2种会显示m1的输入,m1会显示m2的输入。
![](https://pic4.zhimg.com/e5dfb901addb6210001cb7c7bce84223_b.png)
![](https://pic4.zhimg.com/80/e5dfb901addb6210001cb7c7bce84223_720w.png)
很显然,m1和m2两个模块之间会有一些联系(耦合),你也可以想想如何实现这个功能,下面用7种不同的方式来实现这个功能。
内容耦合
内容耦合是最紧的耦合程度,一个模块直接访问另一模块的内容,则称这两个模块为内容耦合。
![](https://pic4.zhimg.com/244e9db27e3c5a37a9d14caa2165ac43_b.png)
![](https://pic4.zhimg.com/80/244e9db27e3c5a37a9d14caa2165ac43_720w.png)
为了实现功能,我们将m1的输入放到m2.m1input上,将m2的输入放到m1.m2input上。
// m1.js
root.m2.m1input = this.value;
m2.update();
// m2.js
root.m1.m2input = this.value;
m1.update();
PS:不知道谁会这么写代码,除了我为了做演示之外。。。
公共耦合
一组模块都访问同一个全局数据结构,则称之为公共耦合。
![](https://pic3.zhimg.com/ff16d85a105bef2bda39818db50577a2_b.png)
![](https://pic3.zhimg.com/80/ff16d85a105bef2bda39818db50577a2_720w.png)
在这种case中,m1和m2将自己的输入放到全局的data上。
// m1.js
root.data.m1input = this.value;
m2.update();
// m2.js
root.data.m2input = this.value;
m1.update();
外部耦合
一组模块都访问同一全局简单变量,而且不通过参数表传递该全局变量的信息,则称之为外部耦合。外部耦合和公共耦合很像,区别就是一个是简单变量,一个是复杂数据结构。
![](https://pic4.zhimg.com/fadcab8fbb700b9104d5e3ae5117316f_b.png)
![](https://pic4.zhimg.com/80/fadcab8fbb700b9104d5e3ae5117316f_720w.png)
在这种case中,m1和m2都将自己的输入放到全局上。
// m1.js
root.m1input = this.value;
m2.update();
// m2.js
root.m2input = this.value;
m1.update();
控制耦合
模块之间传递的不是数据信息,而是控制信息例如标志、开关量等,一个模块控制了另一个模块的功能。
从控制耦合开始,模块的数据就放在自己内部了,不同模块之间通过接口互相调用。
![](https://pic3.zhimg.com/bddbdb612354c4b30c3640121af808aa_b.png)
![](https://pic3.zhimg.com/80/bddbdb612354c4b30c3640121af808aa_720w.png)
在这个case中,得增加一个需求,就是当m1的输入为空时,隐藏m2的显示信息。
// m1.js
root.m1input = this.value;
m2.update();
m2.toggle(!!this.value); // 传递flag
上面的代码中m1直接控制了m2的显示和隐藏。
标记耦合
调用模块和被调用模块之间传递数据结构而不是简单数据,同时也称作特征耦合。
![](https://pic2.zhimg.com/ee3d10349c6a811b933d2d8df398fdd5_b.png)
![](https://pic2.zhimg.com/80/ee3d10349c6a811b933d2d8df398fdd5_720w.png)
在这个case中,m1传给m2的是一个对象。
// m1.js
me.m1input = this.value;
m2.update(me); // 传递引用
// m2.js
me.m2input = this.value;
m1.update(me);
数据耦合
调用模块和被调用模块之间只传递简单的数据项参数。相当于高级语言中的值传递。
![](https://pic2.zhimg.com/57a9cf25318c3b4718e3d30737900f8d_b.png)
![](https://pic2.zhimg.com/80/57a9cf25318c3b4718e3d30737900f8d_720w.png)
在这个case中,m1传给m2的是一个简单数据结构。
// m1.js
me.m1input = this.value;
m2.update(me.m1input); // 传递值
// m2.js
me.m2input = this.value;
m1.update(me.m2input);
非直接耦合
两个模块之间没有直接关系,它们之间的联系完全是通过主模块的控制和调用来实现的。耦合度最弱,模块独立性最强。
子模块无需知道对方的存在,子模块之间的联系,全部变成子模块和主模块之间的联系。
![](https://pic3.zhimg.com/9af3aa4c953df7a760b29872184b8906_b.png)
![](https://pic3.zhimg.com/80/9af3aa4c953df7a760b29872184b8906_720w.png)
在这个case种,增加一个index.js作为主模块。
// index.js
var m1 = root.m1;
var m2 = root.m2;
m1.init(function (str) {
m2.update(str);
});
m2.init(function (str) {
m1.update(str);
});
// m1.js
me.m1input = this.value;
inputcb(me.m1input); // inputcb是回调函数
// m2.js
me.m2input = this.value;
inputcb(me.m2input);
内聚
其实关于内聚也分为很多种,如下所示(内聚强度由低到高排列),如果你感兴趣可以自己研究研究,我们下次再来分享内聚的问题。
- 偶然内聚或者巧合内聚:指一个模块内的各处理元素之间没有任何联系。
- 逻辑内聚:指模块内执行若干个逻辑上相似的功能,通过参数确定该模块完成哪一个功能。
- 时间内聚:把需要同时执行的动作组合在一起形成的模块。
- 过程内聚:指一个模块完成多个任务,这些任务必须按指定的次序执行。
- 通信内聚:指模块内的所有处理元素都在同一数据结构上操作,或者各处理使用相同的输入数据或产生相同的输出数据。
- 顺序内聚:指一个模块中的各个处理元素都密切相关于同一各功能且必须顺序执行,前一个功能元素的输出就是下一个功能的输入。
- 功能内聚:指模块内的所有元素共同作用完成一个功能,缺一不可。
总结
希望你看完上面的文章,搞懂了耦合的种类,也希望你以后能使用非直接耦合这种方式来写代码,祝好。