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的实现,顺利地找到了获取数据的方法,但是有部分接口在调用中出现无法展示数据.经查,发现时跨域的问题,花费了一通时间,随笔记录下过程,以方便 ...
随机推荐
- .NET中文乱码解决方案
前言:最近升级一个由VS05开发的项目,当迁移至VS10后,试运行,啊~!我文盲了,怎么一个汉字都不认识了!(乱码纷纷的说) 说明:本文以将项目改为UTF8编码为例. 解决之道 1.修改配置文件 &l ...
- POJ 2337 输出欧拉路径
太无语了. 这道题做了一整天. 主要还是我太弱了. 以后这个就当输出欧拉路径的模版吧. 题目中的输出字典序最小我有点搞不清楚,看了别人是这么写的.但是我发现我过不了后面DISCUSS里面的数据. 题意 ...
- [转]About the security content of iOS 8
Source:http://support.apple.com/kb/HT6441 For the protection of our customers, Apple does not disclo ...
- .Net 异步随手记(二)
Task.ContinueWith 这货,和 await 一样有“陷阱”.^^,因为写 ContinueWith 不能直观如人的“过程性”思维,写在 ContinueWith 括号里的部分不一定只在发 ...
- 无穷字符串问题--CSDN上的面试题(原创)
网上看到一道奇怪的题,分享一下:http://hero.csdn.net/Question/Details?ID=307&ExamID=302 发布公司:CSDN 有 效 期:2014-02- ...
- Object-c学习之路五(@protocol协议)
今天模拟Button的delegate来联系一下protocol. Button类 // Button.h // Protocal // // Created by WildCat on 13-7-2 ...
- 框架的设计之IRepository还是IRepository<T>
[Yom框架]漫谈个人框架的设计之[是IRepository还是IRepository<T>]? 前言 ...
- Web Api初试
Web Api初试 前言 ASP.NET Web API 与之前的内建HTTP服务解决方案的不同之处在于,它一开始就是围绕HTTP协议及其消息语义构建起来的.与WCF REST或ASP.NET AJA ...
- ASP.NET WebAPI HTTPS
参照文档 http://southworks.com/blog/2014/06/16/enabling-ssl-client-certificates-in-asp-net-web-api/ 第一 ...
- 推荐前端开发使用的服务器环境开源项目 D2Server 可替代Apache
攻欲善其事,必先利其器.前端开发,编辑器我们有了Sublime Text2,配置Server环境用……你可能会选择Apache,为什么呢?因为能供选择的选项实在太少.而现在,我向大家推荐一个针对前端开 ...