/*
接口:提供一种说明一个对象应该有哪些方法的手段
js中有三种方式实现接口:
1 注释描述接口
2 属性检测接口
3 鸭式辨型接口
*/ /*
1 注释描述接口: 不推荐
优点: 利用注解,给出参考
缺点:纯文档约束,是一个假接口,
程序不能检查实现接口对象是否实现所有接口方法
*/ /**
* interface Composite{
* function a();
* function b();
* }
*/
// CompositeImpl implements Composite
var CompositeImpl = function(){
//业务逻辑
};
CompositeImpl.prototype.a = function(){
//业务逻辑
};
CompositeImpl.prototype.b = function(){
//业务逻辑
}; /*
2 属性检测接口:
优点:能够检测实现哪些接口
缺点:没有完全脱离文档,
不能检测是否实现每个接口里的所有方法
*/
/**
* interface Composite{
* function a();
* }
*
* interface FormItem(){
* function b();
* }
*/
// CompositeImpl implements Composite,FormItem
var interfacesImpl = function(){
//在实现类内部用一个数组保存要实现的方法名
//通常这个属性名是团队中规定好的
this.implementsInterfaces = ["Composite","FormItem"];
};
CompositeImpl.prototype.a = function(){
//业务逻辑
};
CompositeImpl.prototype.b = function(){
//业务逻辑
}; //专门为这个实现对象写一个检测函数,传入实例对象,用于检查实力对象是否实现了所有接口
function checkImplements(obj){
//调用检查方法 obj是否实现两个接口,如果没有都实现则抛出异常
if(!isImplements(obj,"Composite","FormItem")){
throw new Error("接口没有全部实现!");
}
//接收一个参数obj是要检查的对象
function isImplements(obj){
//arguments对象能够获取实际传入函数的所有参数的数组
//传入的第0个参数是要检查的对象,所以从1开始检查
for(var i = 1; i < arguments.length ; i++){
//接收接口中每个接口的名字
var interfaceName = arguments[i];
//一个标记,是否实现这个接口,默认没有
var foundFlag = false;
//循环查询传入实例对象的实现接口数组 以检查是否全部实现
for(var j = 0 ;j <obj.implementsInterfaces.length;j++){
//如果 实现了这个接口 就修改标记跳出循环
if(obj.implementsInterfaces[j]==interfaceName){
foundFlag = true;
break;
}
}
//如果遍历实现接口数组之后没找到 就返回false
if(!foundFlag){
return false;
}
}
//如果都找到了 返回true
return true;
}
} //使用实力对象并检测
var o = new interfacesImpl();
checkImplements(o); //不会抛出异常 因为正确实现了两个接口
//如果在写interfacesImpl内的implementsInterfaces列表的时候少写了,那么就会在检查函数中抛出异常 /*
3 鸭式辨型法:(目前开发中使用的方式)
实现思想: */ //1 接口类 Class Interface
/**
* 接口类需要的参数:
* 1 接口的名字
* 2 要实现方法名称的数组
*/
var Interface = function( name , methods ){
//判断参数个数
if(arguments.length!=2){
throw new Error("接口构造器参数必须是两个!");
}
this.name = name;
this.methods = [];
for(var i = 0;i<methods.length;i++){
if( typeof methods[i] !== "string" ){
throw new Error("接口实现的函数名称必须是字符串!");
}
this.methods.push(methods[i]);
} };
//2 准备工作:
// 2.1 实例化接口对象 传入接口名 和 要实现的方法数组
var CompositeInterface = new Interface("CompositeInterface",["add","remove"]);
var FormItemInterface = new Interface("FormItemInterface",["update","select"]); // 2.2 实现接口的类
//CompositeImpl implementes CompositeInterface ,FormItemInterface
var CompositeImpl = function(){ };
// 2.3 实现接口的方法
CompositeImpl.prototype.add = function(obj){
alert("add...");
};
CompositeImpl.prototype.remove = function(obj){
alert("remove...");
};
CompositeImpl.prototype.select = function(obj){
alert("select...");
};
//在这里少实现一个方法 下面检测是否全部实现了接口方法
// CompositeImpl.prototype.update = function(obj){
// alert("update...");
// };
// 实例化 实现接口的对象
var c = new CompositeImpl(); //3 检验接口里的方法是否全部实现
// 如果检验通过 继续执行;如果不通过抛出异常;
Interface.ensureImplements = function(obj){
// 如果接收到参数小于2 说明 传参出错了,只传入一个参数,,没有传入实现的接口
if(arguments.length<2){
throw new Error("接口检查方法的参数必须多余两个!");
}
//获得要见测的接口实现对象之后的参数 各个接口
for(var i = 1,len = arguments.length;i<len;i++){
var instanceInterface = arguments[i]; //获取当前这个接口
//判断接收到的是不是接口的对象 如果不是 抛出异常
if( instanceInterface.constructor !== Interface){
throw new Error("接口检测函数必须传入接口对象!");
}
//检查实例化接口的对象是不是实现了接口里的所有方法
// 当前接口对象里的每一个方法
for(var j = 0 ; j<instanceInterface.methods.length;j++){
var methodName = instanceInterface.methods[j]; //接收到了字符串的方法名
//如果obj里面没有有methodName这个方法 或者有这个属性但是不是函数 就抛出异常
if(!obj[methodName] || typeof obj[methodName] !== "function"){
throw new Error("接口方法"+ methodName +"没有实现!");
}
}
} };
//传入要检查的类,和他要实现的所有接口对象
Interface.ensureImplements(c ,CompositeInterface ,FormItemInterface );
c.add();

JavaScript实现接口的三种经典方式的更多相关文章

  1. C#接口的三种实现方式

    转自原文C#接口的三种实现方式 public interface MyInterface { /// 下面三个方法的签名都是 /// .method public hidebysig newslot ...

  2. 初见Ajax——javascript访问DOM的三种访问方式

    最近好啰嗦 最近在一间小公司实习,写一些小东西.小公司嘛,人们都说在小公司要什么都写的.果真是. 前端,后台,无论是HTML,CSS,JavaScript还是XML,Java,都要自己全包了.还好前台 ...

  3. JavaScript声明全局变量的三种方式

    JavaScript声明全局变量的三种方式   JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍. 声明方式一: 使用var(关键字)+变量名(标识符)的方式在function外部声明,即为 ...

  4. 【转】SVG与HTML、JavaScript的三种调用方式

    原文:https://www.cnblogs.com/guohu/p/5085045.html SVG与HTML.JavaScript的三种调用方式 一.在HTMl中访问SVG的DOM 1 2 3 4 ...

  5. JavaScript 闭包的详细分享(三种创建方式)(附小实例)

    JavaScript闭包的详细理解 一.原理:闭包函数--指有权访问私有函数里面的变量和对象还有方法等:通俗的讲就是突破私有函数的作用域,让函数外面能够使用函数里面的变量及方法. 1.第一种创建方式 ...

  6. javascript中构造函数的三种方式

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. JavaScript中创建对象的三种方式!

    JavaScript中创建对象的三种方式! 第一种 利用对象字面量! // 创建对象的三种方式! // 1 对象字面量. var obj = { // 对象的属性和方法! name: 'lvhang' ...

  8. JavaScript新手学习笔记3——三种排序方式(冒泡排序、插入排序、快速排序)

    每种编程语言学到数组的时候,都会讲到排序算法,当时学C语言的时候,卡在排序算法.今天来总结一下javascript中如何实现三种排序算法. 1.冒泡排序(默认升序排列哦) 原理: 冒泡排序的原理,顾名 ...

  9. python笔记-20 django进阶 (model与form、modelform对比,三种ajax方式的对比,随机验证码,kindeditor)

    一.model深入 1.model的功能 1.1 创建数据库表 1.2 操作数据库表 1.3 数据库的增删改查操作 2.创建数据库表的单表操作 2.1 定义表对象 class xxx(models.M ...

随机推荐

  1. MySQL 中如何存储 emoji ?

    MySQL 中如何存储 emoji ? 问题还原 使用 erlang 存储一些特殊字符串到 MySQL 的时候,却没法读出来.经检查,这些字符串的二进制格式如下: <<240,159,15 ...

  2. analyzing problems

    If you talking to a friend or talking to a family member ,you can say:what's the metter or What's go ...

  3. Axis1.4之定制发布服务

    将axis1.4_home\webapps目录下的axis文件夹拷贝到tomcat_home\webapps目录下.然后在tomcat_home\webapps\axis\WEB-INF\lib下添加 ...

  4. 笔记:Maven 私服 Nexus 权限控制

    Nexus 用户 Nexus 预定义了三个用户,这三个用户对应了三个权限级别: admin:该用户拥有对Nexus服务的完全控制,默认密码为 admin123,以下为admin用户的角色树 deplo ...

  5. 部署腾讯云(CentOS6.6版本,jdk1.7+tomcat8+mysql)

    这是从一个大神哪里学到的,用来留下来用以记录 http://blog.csdn.net/qingluoII/article/details/76053736 只是其中有一个地方,我在学习的时候觉得可以 ...

  6. [iOS]详解调整UIButton的title和image的位置

    UIButton的默认布局是:title在右,image在左; 很多时候我们需要的是title在左边,或者title在下面,这时就需要调整UIButton的TitleLabel和ImageView的位 ...

  7. 【JS】 Javascript与BOM的互动 寻路

    JS BOM 之前提到过JS和DOM之间的互动方法.而BOM(Browser Object Module)是浏览器的对象模型,它也可以和JS进行互动.也就是说,JS还可以和浏览器进行互动.因为现代主流 ...

  8. Algorithm --> 爬楼梯求最大分数

    爬楼梯求最大分数 如下图,最大分数是: 10+20+25+20=75.        要求: 1.每次只能走一步或者两步: 2.不能连续三步走一样的,即最多连续走两次一步,或者连续走两次两步: 3.必 ...

  9. java.lang的详细解读

    软件包    java.lang 提供java编程语言实现程序设计的基础类 接口摘要 1> appendable  提供被添加char序列和值的对象 2>charSquence char值 ...

  10. oracle--dba和表的备份与恢复

    数据库管理员 每个oracle数据库应该至少有一名数据库管理员(dba),对于一个小的数据库,一个dba就够了,但是对于一个大的数据库可能需要多个dba分别担负不同的管理职责,那么一个数据库管理员的主 ...