标签：关系 内聚 js m1 模块 m2 耦合 图解

本文将用图文详细讲解七种耦合的不同之处。

高内聚与低耦合

高内聚与低耦合是每个软件开发者追求的目标，那么内聚和耦合分别是什么意思呢？

内聚是从功能角度来度量模块内的联系，一个好的内聚模块应当恰好做一件事。它描述的是模块内的功能联系。

耦合是软件结构中各模块之间相互连接的一种度量，耦合强弱取决于模块间接口的复杂程度、进入或访问一个模块的点以及通过接口的数据。

耦合

不同模块之间的关系就是耦合，根据耦合程度可以分为7种，耦合度依次变低。

• 内容耦合
• 公共耦合
• 外部耦合
• 控制耦合
• 标记耦合
• 数据耦合
• 非直接耦合

下面我们来说说每种耦合是什么，开始之前先来说下要实现的功能。m1和m2是两个独立的模块，其中m2种会显示m1的输入，m1会显示m2的输入。

很显然，m1和m2两个模块之间会有一些联系（耦合），你也可以想想如何实现这个功能，下面用7种不同的方式来实现这个功能。

注：项目的代码我放到了github，项目的demo，可以在这里查看。

内容耦合

内容耦合是最紧的耦合程度，一个模块直接访问另一模块的内容，则称这两个模块为内容耦合。

为了实现功能，我们将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:不知道谁会这么写代码，除了为了做演示之外。。。

查看完整代码和demo。

公共耦合

一组模块都访问同一个全局数据结构，则称之为公共耦合。

在这种case中，m1和m2将自己的输入放到全局的data上。

// m1.js
root.data.m1input = this.value;
m2.update();

// m2.js
root.data.m2input = this.value;
m1.update();

查看完整代码和demo。

外部耦合

一组模块都访问同一全局简单变量，而且不通过参数表传递该全局变量的信息，则称之为外部耦合。外部耦合和公共耦合很像，区别就是一个是简单变量，一个是复杂数据结构。

在这种case中，m1和m2都将自己的输入放到全局上。

// m1.js
root.m1input = this.value;
m2.update();

// m2.js
root.m2input = this.value;
m1.update();

查看完整代码和demo。

控制耦合

模块之间传递的不是数据信息，而是控制信息例如标志、开关量等，一个模块控制了另一个模块的功能。

从控制耦合开始，模块的数据就放在自己内部了，不同模块之间通过接口互相调用。

在这个case中，得增加一个需求，就是当m1的输入为空时，隐藏m2的显示信息。

// m1.js
root.m1input = this.value;
m2.update();

m2.toggle(!!this.value); // 传递flag

上面的代码中m1直接控制了m2的显示和隐藏。

查看完整代码和demo。

标记耦合

调用模块和被调用模块之间传递数据结构而不是简单数据，同时也称作特征耦合。

在这个case中，m1传给m2的是一个对象。

// m1.js
me.m1input = this.value;
m2.update(me); // 传递引用

// m2.js
me.m2input = this.value;
m1.update(me);

查看完整代码和demo。

数据耦合

调用模块和被调用模块之间只传递简单的数据项参数。相当于高级语言中的值传递。

在这个case中，m1传给m2的是一个简单数据结构。

// m1.js
me.m1input = this.value;
m2.update(me.m1input); // 传递值

// m2.js
me.m2input = this.value;
m1.update(me.m2input);

查看完整代码和demo。

非直接耦合

两个模块之间没有直接关系，它们之间的联系完全是通过主模块的控制和调用来实现的。耦合度最弱，模块独立性最强。

子模块无需知道对方的存在，子模块之间的联系，全部变成子模块和主模块之间的联系。

在这个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);

查看完整代码和demo。

内聚

其实关于内聚也分为很多种，如下所示，如果你感兴趣可以自己研究研究，我们下次再来分享内聚的问题。

• 偶然内聚
• 逻辑内聚
• 时间内聚
• 通信内聚
• 顺序内聚
• 功能内聚

标签：关系,内聚,js,m1,模块,m2,耦合,图解
来源： https://www.cnblogs.com/jiaojiner/p/14722940.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。