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的实现,顺利地找到了获取数据的方法,但是有部分接口在调用中出现无法展示数据.经查,发现时跨域的问题,花费了一通时间,随笔记录下过程,以方便 ...
随机推荐
- [置顶] Ants(Northeastern Europe 2007)
Ants Time Limit: 5 ...
- storm安装(2)ZeroMQ、JZMQ、Python、Java环境的安装
2.ZeroMQ安装 把安装本件zeromq-2.1.7.tar.gz拷贝到home文件路径下, 给文件加入权限 chmod +x /home/zeromq-2.1.7.tar.gz 解压文件 tar ...
- [Usaco2008 Feb]Meteor Shower流星雨[BFS]
Description 去年偶们湖南遭受N年不遇到冰冻灾害,现在芙蓉哥哥则听说另一个骇人听闻的消息: 一场流星雨即将袭击整个霸中,由于流星体积过大,它们无法在撞击到地面前燃烧殆尽, 届时将会对它撞到的 ...
- 【C#】聊聊不需要记密码的密码管理补充帖 —— 具体实现
开篇第一句话,就是“小白继续,有实际经验的兄弟们可以洗洗睡了”,因为这个 Lite 版是个实验性的实现,也由于水平原因源码不忍直视,所以如果你坚持看完了,请留下宝贵意见. 以下,干货: 基本模式: 程 ...
- Object-c学习之路十一(NSDate和反射)
挺简单啥也不说了直接上代码(NSDate和反射) // // main.m // NSNumberAndNSValue // // Created by WildCat on 13-7-26. // ...
- 转:运行yum报错Error: Cannot retrieve metalink for reposit
http://www.netpc.com.cn/593.html 运行yum报错Error: Cannot retrieve metalink for repository: epel. Please ...
- 定时器Timer不定时
订餐系统之定时器Timer不定时 经过几天漫长的问题分析.处理.测试.验证,定时器Timer终于定时了,于是开始了这篇文章,希望对还在纠结于“定时器Timer不定时”的同学有所帮助,现在的方案,在系统 ...
- 关于ToolStrip设置Location无效的问题
问题现象 当多个ToolStrip使用ToolStripContainer布局时,可以让用户自己拖动工具栏,所以在程序关闭时必须保存用户拖动工具栏的位置,但是在再次打开程序后,还原回来的工具栏位置会有 ...
- 工具条OutLookBar
工具条OutLookBar 灰姑娘本身也有自已的优点,但是却可能因为外貌不讨人喜欢,要变成白雪公主却需要有很多勇气和决心去改变自已: 有一颗善良的心 讨人喜爱的外貌 我这里讲的是一个工具条的蜕变过程, ...
- 如何在网站中加入markdown
在vue组件中加入markdown,模板使用的是webpack 我是这样做的: 因为是npm引入的,所以markdown是遵循CommonJS规范的,需要在webpack.base.conf.js里引 ...