JS定义接口的方式 part1

最新推荐文章于 2023-11-07 22:51:34 发布

evebear2013

最新推荐文章于 2023-11-07 22:51:34 发布

阅读量1.7k

点赞数 1

本文链接：https://blog.csdn.net/evebear2013/article/details/79385260

版权

<!DOCTYPE html>
<html>
<head>
<title>JS定义接口的方式 part1</title>
</head>
<body>

<script type="text/javascript">

// js定义接口有三种方式（1）

// 1. 注解描述的方式
// 优点: 程序员可以有一个参考
// 缺点：还是一个文档的范畴，这种方式太松散了，没有检查接口的方法是否完全被实现

/*
interface Composite() {
function add(obj);
function remove(obj);
function update(obj);
}
*/
/*
// CompositeImpl implement Composite
function CompositeImpl() {

}

CompositeImpl.prototype.add = function(obj) {
// body...
}

CompositeImpl.prototype.remove = function(obj) {

}

CompositeImpl.prototype.update = function(obj) {

}

var c1 = new CompositeImpl();
*/
// 2. 属性检测的方式

// 特点：对接口进行检测，且耦合性降低。但仍不能检测接口实例方法

/*
interface Composite() {
function add(obj);
function remove(obj);
function update(obj);
}

interface FormItem() {
function select(obj);
}
*/

// CompositeImpl implements Composite, FormItem
/* function CompositeImpl() {
// 显示的在类的内部，接受所实现的接口
// 一般来说是一个规范，在类的内部定义一个数组（名字要固定）
this.implementsInterfaces = ['Composite','FormItem'];
}

CompositeImpl.prototype.add = function(obj) {
alert('cheak add');
}

CompositeImpl.prototype.remove = function(obj) {

}

CompositeImpl.prototype.update = function(obj) {

}

CompositeImpl.prototype.select = function(obj) {

}

// 检测CompositeImpl类的对象的
function cheakCompositeImpl(instance) {

// 判断当前对象是否实现了所有接口

if (!isImplementes(instance,'Composite','FormItem')) {
throw new Error('Object dose not implements a required interface!');
}

}

// 公用的具体检测方法（核心方法）返回值boolean类型
// 这个方法的主要目的就是判断实例对象有没有实现相关的接口
function isImplementes(Object) {
// arguments对象获得函数的实际参数
for(var i = 1; i < arguments.length; i++) {
// 接受每一个接口的名字
var interfaceName = arguments[i];
var interfaceFound = false;
for(var j = 0; j < Object.implementsInterfaces.length; j++) {
if(Object.implementsInterfaces[j] == interfaceName) {
interfaceFound = true;
break;
}
}
if(!interfaceFound) {
return false;
}
}

return true;
}

var c1 = new CompositeImpl();
cheakCompositeImpl(c1);
c1.add();
*/

</script>

</body>
</html>