js 设计模式-接口
js模拟java接口检测函数;确保子类实现接口中的方法:(出自js设计模式)
上代码:
<script type="text/javascript" >
<%--接口工厂方法 start--%>
/**
name:接口名称;字符串类型
arr_method:接口中的方法名称;数组形式['method1','method2',····]
可以定义接口名称和接口定义的方法名称,
**/
//首先编写接口创建工厂,用来创建接口,用以 定义接口需要定义的方法
var Interface = function(interfaceName,arrMethod){
//首先校验接口的数据准确性
if(arguments.length!=2){
throw new Error("定义接口只需要两个参数,一个接口的名字,一个接口要实现的方法【以数组形式】传递进来");
return;
}
this.name = interfaceName;
this.arrmethod = [];
var name = "";
//接口方法名字的校验
for(var i=0,j=arrMethod.length;i<j;i++){
name = arrMethod[i];
if(typeof name !=='string'){
throw new Error("接口方法只能是字符串类型;"+name+" 不是字符串类型!");
return;
}
this.arrmethod.push(name);
}
}
//下来是接口工厂方法,确认你传入的对象有没有实现接口方法;
Interface.enSureImplement = function(obj,interfaceInstance){
//首先进行参数校验
if(arguments.length<2){
throw new Error("至少需要两个或两个以上的参数,第一个参数为要检测的对象o,后面的参数为要检测的接口实例(不是实现了接口的实例,而是接口本 身);该函数用来检测o是否实现了后面接口实例的所有方法");
}
//然后是接口参数的校验,及对象是否实现了接口的方法
for(var i=1,j=arguments.length;i<j;i++){
var interfaceIns = arguments[i];
//alert(interfaceIns.constructor);
if(interfaceIns.constructor !==Interface){
throw new Error(" 需要的接口参数是 实现了Interface接口的实例;其构造方法为Interface的构造方法!");
}
var method="";
for(var k=0,h=interfaceIns.arrmethod.length;k<h;k++){
method = interfaceIns.arrmethod[k];
if(!obj[method]||typeof obj[method] !=='function'){//判断对象obj是否实现了接口的方法
throw new Error(obj+" 没有实现 "+interfaceIns.name+ " 接口的"+method+" 方法!");
}
}
}
}
<%--接口工厂方法 end--%>
<%--接口工厂方法测试用例 start--%>
function InterfaceTest(instance){
//下面定义了三个 接口
var Inter1 = new Interface("Inter1",['run','cry','stop','pause']);
var Inter2 = new Interface("Inter2",['light','tie','month','eye','leg']);
var Inter3 = new Interface("Inter3",['study','lie','sing']);
//检测对象instance是否实现了 该3个接口中的方法
Interface.enSureImplement(instance,Inter1,Inter2,Inter3);
//如果检测通过了,instance可以比较安全的 运行它自己的方法,而不用担心自己当中没有没有实现的方法
//。。。。。。。。。。。
}
<%--接口工厂方法测试用例 start--%>
function TObj(name){
this.name = name;
}
TObj.prototype= {
run:function(){},
cry:function(){},
stop:function(){},
//pause:function(){},
light:function(){},
eye:function(){},
tie:function(){},
month:function(){},
//leg:function(){},
study:function(){},
lie:function(){},
//sing:function(){},
toString:function(){
return this.name;
}
}
try{
InterfaceTest(new TObj("张珊"));
}catch(e){
alert(e);
}
</script>
注: 接口可以使用在大项目的开发阶段(不要过早优化(去除它)),对提升运行效率并没有多大的帮助,会增加开发难度,但是可以降低模块之间的耦合度;在开发阶段有的模块还没有编写,但是为了不影响开发速度,可以先给出接口;
js 设计模式-接口的更多相关文章
- js设计模式总结1
js设计模式有很多种,知道不代表会用,更不代表理解,为了更好的理解每个设计模式,对每个设计模式进行总结,以后只要看到总结,就能知道该设计模式的作用,以及模式存在的优缺点,使用范围. 本文主要参考张容铭 ...
- js设计模式:工厂模式、构造函数模式、原型模式、混合模式
一.js面向对象程序 var o1 = new Object(); o1.name = "宾宾"; o1.sex = "男"; o1.a ...
- JS设计模式(一)
刚入职时,看过一段时间的设计模式,似懂非懂.不知不觉过去七个月了,对JS的理解更深刻了,数据结构与算法的基础也基本上算是过了一遍了,接下来要把设计模式搞定,然后不再深层次研究JS了,而是学习前端自动化 ...
- js设计模式(12)---职责链模式
0.前言 老实讲,看设计模式真得很痛苦,一则阅读过的代码太少:二则从来或者从没意识到使用过这些东西.所以我采用了看书(<js设计模式>)和阅读博客(大叔.alloyteam.聂微东)相结合 ...
- JS设计模式——5.单体模式
JS设计模式——5.单体模式 http://www.cnblogs.com/JChen666/p/3610585.html 单体模式的优势 用了这么久的单体模式,竟全然不知!用它具体有哪些好处呢? ...
- 前端笔记之JavaScript面向对象(三)初识ES6&underscore.js&EChart.js&设计模式&贪吃蛇开发
一.ES6语法 ES6中对数组新增了几个函数:map().filter().reduce() ES5新增的forEach(). 都是一些语法糖. 1.1 forEach()遍历数组 forEach() ...
- [js]js设计模式小结
js设计模式小结 工厂模式/构造函数--减少重复 - 创建对象有new - 自动创建obj,this赋值 - 无return 原型链模式 - 进一步去重 类是函数数据类型,每个函数都有prototyp ...
- [js]设计模式小结&对原型的修改
js设计模式小结 工厂模式/构造函数--减少重复 - 创建对象有new - 自动创建obj,this赋值 - 无return 原型链模式 - 进一步去重 类是函数数据类型,每个函数都有prototyp ...
- html中通过js获取接口JSON格式数据解析以及跨域问题
前言:本人自学前端开发,一直想研究下js获取接口数据在html的实现,顺利地找到了获取数据的方法,但是有部分接口在调用中出现无法展示数据.经查,发现时跨域的问题,花费了一通时间,随笔记录下过程,以方便 ...
随机推荐
- 实现WebService的调用与被调用
之前一直用WCF来开发服务,可是从未用过WebService.对WebService有种很神奇的期待,都说WebService比较简单,但是从未用过就对我来说就是一种新的知识.起始让我来说WCF与We ...
- Xcode开发和调试总结
Xcode是iOS开发主要的工具.IDE.关于Xcode的细枝末节,可以参考苹果的官方文档或者众多的说明.此文档主要涉及常用开发和调试注意事项,参考版本为Xcode 5.1.1. 目标设置: 在此,我 ...
- ioc和aop
IOC容器的基本原理 ioc又称为控制反转.或者依赖注入.为什么叫控制反转呢? 可以这样来看.软件开发中会有很多的类,这些类在一起完成复杂的功能.这些类之间存在了耦合的关系.就如同很多的齿轮,啮合 ...
- 算法打基础——顺序统计(找第k小数)
这次主要是讲如何在线性时间下找n个元素的未排序序列中第k小的数.当然如果\(k=1 or k=n\),即找最大最小 数,线性时间内遍历即可完成,当拓展到一般,如中位数时,相关算法就值得研究了.这里还要 ...
- 序列化和反序列化的几种方式(DataContractSerializer)
序列化和反序列化的几种方式(DataContractSerializer) DataContractSerializer 类 使用提供的数据协定,将类型实例序列化和反序列化为 XML 流或文档. 无法 ...
- jQuery判断浏览器类型
if ($.browser.msie) { alert("IE浏览器"); } else if ($.browser.opera) { alert("opera浏览器&q ...
- go实现排序的链表
go实现排序的链表 Posted on 2013-08-14 23:25 mac的学习笔记 阅读(224) 评论(0) 编辑 收藏 链表的数据结构比较线性数组,优点是 可以方便的对任意的位置进行插入和 ...
- Javascript:再论Javascript的单线程机制 之 DOM渲染时机
Javascript:再论Javascript的单线程机制 之 DOM渲染时机 背景 Javascript是单线程事件驱动的,所有能看到的Javascript代码都是在一个线程执行,定时器回调和AJA ...
- JavaEE:Tomcat服务器常用配置和HTTP简介
Web服务器常用配置1.Web系统采用B/S结构通信的:Browser --- Server1)浏览器向服务器发送访问目标资源请求(请求)2)服务器根据请求的目标资源路径,在服务器端进行查找(请求查找 ...
- PHP之-json转数组,支持多层嵌套json
function json_to_array($str) { if (is_string($str)) $str = json_decode($str); $arr=array(); foreach( ...