(一)javascript定义接口

247687009

浏览: 174220 次
性别:
来自: 上海

最近访客更多访客>>

eric_hwp

z915139481

Demon-HY

liunancun

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript设计模式

javascript 接口

什么是接口？
接口，也可以称为规范，即说明一个对象中应该具有哪些method，规范method应该返回怎样的类型以及结果，这些方法只是一个声明或者暗示它应该做什么事情，并不在意实现者的实现方式
接口的好处？
接口具有很强的自我描述性，告诉我们一个某个类实现了接口的类中一定具有该方法，便于我们的使用和快速的熟悉，从而实现更好的重用。

在java中中有关键字interface 来对接口进行说明和描述。
由于javascript是一门弱类型的语言，函数为一等公民，并没有专门来实现对接口的定义和描述。更不说自动检查一个对象是否实现个接口中的全部方法。但是我们通常更喜欢面向对象的方式来进行程序的设计。这样就只能通过我们自己来通过程序代码实现。

在java中的接口代码如下

public interface UserDao{
    void add(User u);
    void getAll();
}//在IDE中会自动对实现类完成检测

在javascript中由于并没有interface的关键字那就自己写实现吧

/*
	由于javascript是弱类型语言，并没有编译过程，类型检查只能通过
	程序员在运行时检测，该类是模拟java接口实现机制的接口类
*/

var Interface = function(InterfaceName,methods){
		if(arguments.length <2){
			throw new Error("接口中必须定义方法");
		};
		this.InterfaceName = InterfaceName;
		this.methods=[];
		for (var i = 0; i <methods.length; i++) {
				var method = methods[i];
				if(typeof method !== 'string'){
					throw new Error("传入的方法名数组必须是字符串");
				};
				this.methods.push(method);
		};
}
	/*
		检查一个类是否实现个某些接口中的方法静态方法
	*/
Interface.checkImpls = function(o){
		if(arguments.length <2){
			throw new Error("必须传入一个实现类，一个接口");
		};
		/*从1开始，检查传入的是否是接口对象，不是抛出异常，0是传入的具体对象*/
		var myInterface;
		for (var i = 1,len = arguments.length; i < len; i++) {
				myInterface	= arguments[i];
			if(myInterface.constructor !== Interface){ //传入的不是接口
				throw new Error("checkImpls方法中出入的第"+i+"个参数不是Inteface");
			};
			for(var j=0,mlen=myInterface.methods.length;j<mlen;j++){
					var method = myInterface.methods[j];
					if(!o[method] || typeof o[method] !== 'function'){
						throw new Error("对象没有实现接口："+myInterface.InterfaceName+"中的方法："+method);
				};
			};

		};
};

测试代码

  <html !document>
	<head>
		<table></table>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<script type="text/javascript" src="./Interface.js"></script>
		<script type="text/javascript">
				//javascript 接口测试
				var userDao = new Interface("userDao",["add","delete"]);

				var userDaoImpl = function(){};
                                   //这里我们完全实现了两个方法
				userDaoImpl.prototype.add = function(){};
				userDaoImpl.prototype.delete = function(){};
				Interface.checkImpls(new userDaoImpl(),userDao);

		</script>
	</head>
<body>
</body>
<html>

打开浏览器控制台如下图，可以看到是没有问题的

我们把add方法给注释起来

var userDao = new Interface("userDao",["add","delete"]);

				var userDaoImpl = function(){};
				//userDaoImpl.prototype.add = function(){};
				userDaoImpl.prototype.delete = function(){};
				Interface.checkImpls(new userDaoImpl(),userDao);

打开浏览器控制台