JavaScript之接口实现
来源:互联网 发布:360网络流量监控软件 编辑:程序博客网 时间:2024/05/23 22:14
JavaScript之接口实现
法1:注释法
注释法:此方法属于程序文档范畴,对接口的继承实现完全依靠程序员自觉
/* interface People{ function createHead(); function createBody(); }*/var woman = function(name){//implements People interface this.name = name; } woman.prototype.showName = function(){ alert(this.name); } woman.prototype.createBody = function(){//实现必要的方法 alert("身体已经创建好"); } woman.prototype.createHead = function(){ alert("头部已经创建好"); }
法2:检查属性法
把要实现的接口方法添加到类属性列表里,然后用需要实现的接口方法与已经实现的接口方法进行比对,以判断接口的实现情况。
优缺点:可以强迫程序员实现接口,没实现就报错。不过虽然声明了自己实现了哪些方法,但实现时很可能有遗漏。
<script type="text/javascript">/* interface People{ function createHead(); function createBody();} */var woman = function (name) { this.name = name; this.implementsInterfaces = ["createHead","createBody"];//表示已经实现的接口}woman.prototype.showName = function () { alert(this.name);}woman.prototype.createBody = function () { //实现必要的方法 alert("身体已经创建好");}woman.prototype.createHead = function () { alert("头部已经创建好");}function implement(obj) { if(!obj.implementsInterfaces) throw new Error("必须声明所实现的接口!!!");//以便进行下面的判断,是否实现了相应的接口 //每一个方法中都存在一个对象arguments来存储传递进来的实际参数 for (var i = 1; i < arguments.length; i++) { if(typeof arguments[i]!="string") throw new Error(arguments[i]+"的类型不正确"); var interfaceFound = false; for (var j = 0; j < obj.implementsInterfaces.length; j++) {//进行比对 if (arguments[i]=obj.implementsInterfaces[j]) { interfaceFound = true; break; } } if (!interfaceFound) { return false; } } return true;}function isImplememts(obj) { //判断对象是否已经继承相应接口 //"createHead","createBody":表示需要实现的接口 if (!implement(obj, "createHead","createBody")) { throw new Error("Object doesn't implement a required interface"); }}var liLi=new woman("liLi");isImplememts(liLi);</script>
法3:鸭式辨型法
(不通过外表判断鸭子,而通过其是否有鸭子的特性来判断。如James Whitcomb Riley所说,像鸭子一样走路并且嘎嘎叫的就是鸭子)
把接口写在function里,然后用接口里的虚函数和对象已存在的函数进行比对,看接口实现情况。
上面俩种都声明了自己实现了那些接口,其实声明不重要,实现接口核心的是类实现了接口方法集。如果类具有了接口定义的所有方法函数名相同的函数,那么认为它实现了接口。
<script type="text/javascript"> /*************接口检查**************/ //接口类,用来创建接口 var Interface = function (name) { if (arguments.length != 2) { throw new Error("创建的接口不符合标准,必须有两个参数,第二个参数是接口的方法"); } this.name = name; this.methods = []; var methods = arguments[1]; for (var i = 0; i < methods.length; i++) { this.methods.push(methods[i]); } } Interface.ensureImplements = function (obj) { if (arguments.length < 2) { throw new Error("要检查的接口必须传入接口对象的参数,所以参数的个数必须大于等于2") } for (var i = 1; i < arguments.length; i++) { var intObj = arguments[i]; if (intObj.constructor != Interface) throw new Error(intObj + "接口的对象不正确"); //检查方法是否符合要求 var cmethods = intObj.methods; for (var j = 0; j < cmethods.length; j++) { if (!obj[cmethods[j]] || typeof obj[cmethods[j]] != "function") throw new Error("必须实现:" + cmethods[j] + "这个方法"); } } }; /*************实现接口**************/ //创建接口 var People = new Interface('People', ['createHead', 'createBody']); //子类 var Man = function (name) { this.name = name; this.implementsInterfaces = ['People']; } Man.prototype.showName = function () { alert(this.name); } Man.prototype.createHead = function () { //实现必要的方法 alert("男人头部已经创建好"); } Man.prototype.createBody = function () { //实现必要的方法 alert("男人身体已经创建好"); } //判断是否实现 var man = new Man("hongyong"); isImplememts(man); function isImplememts(obj) { //判断对象是否已经继承相应接口 Interface.ensureImplements(obj, People)//表示:对象obj是否实现了People接口。 };</script>
1 0
- JavaScript之接口实现
- javascript接口实现之鸭式辨型法
- JavaScript-设计模式之接口的实现
- javascript实现接口
- 转 javascript实现接口
- Javascript实现接口
- JavaScript接口实现
- javascript鸭式辩型法实现接口
- javascript接口实现
- javascript接口鸭式辨型法实现
- JavaScript学习之接口
- JavaScript建立接口的方式(一)之属性检测接口实现方式
- JavaScript建立接口的方式(二)之属性检测接口实现方式
- javascript模拟实现java接口
- JavaScript设计模式之接口
- 百度地图之调用javaScript api接口实现多点标注及显示提示信息
- Kotlin编程之接口和实现接口
- javascript 实现的CouchDB REST客户端接口
- 中序表达式转逆波兰表达式(你嫌弃波兰~抛弃疗窝喔~)个位数简化版
- 汇编语言 王爽(第三版) 实验4 [bx]和loop的使用
- 测试环境搭建之CentOS 7.0系统安装配置步骤详解
- 奇偶校验、CRC校验、海明码校验
- perl 获取虚拟机信息
- JavaScript之接口实现
- Tomcat部署Java和php相结合的项目
- 测试环境搭建之centos系统编译安装nginx+php环境另加独立mysql
- VXLAN 概念(Part II)- 每天5分钟玩转 OpenStack(109)
- okhttp使用详解和原理
- Latex文件输出之02向自己的文本文件中输出内容
- Installing vSphere SDK for Perl
- Tomcat直接部署PHP项目
- csv读入数据,用julia/matplotlib/pyplot 画矢量图导入word中