Javascript之面向对象--接口


Posted in Javascript onDecember 02, 2016

接口:对实现某一种任务、功能,目的等,所规定的一些原则。

程序中的接口:规定好有几个方法,方法名是什么。(因程序中要完成任务,都是通过函数或者说方法去实现的。)

javascript中的接口:把实例出来的某"类型对象"、和实例出来的"接口对象",进行一个比较,符合规则,就可以说:这个对象实现了规定的接口;

(接口类:通过这个类,来实例出不同的接口。即不同的接口实例,也就是不同的方法个数和方法名称)

 (进行比较:其实质就是判断子类型实例出来的对象,是否有接口对象中所保存的方法名,还有个数。)

小实例:

电话类,下面可以有“坐机”,“手机”,"平板电脑电话"等等这些子类。而这些子类,都有一个共同的任务、功能或者说是目的---[拔通电话]

为了实现这个功能,不同的子类,可以有不同的内部实现方法,让这个电话能够拔通。但现在为用户考虑的话,必需做出一个规定:

不管你是什么子类型,你实例出来的对象,即有电话功能的对象,要实现[拔通电话],必须有二个方法,

即:1.按出电话号码(数字键)2.按拔号键;

下面是固定的设计模式:

var Interface = function(name,methods){ 
 if(arguments.length != 2){ 
  throw new Error("Interface constructor called with" + arguments.length + "arguments, but expected exactly 2."); 
 } 
 this.name = name; 
 this.methods = []; 
 for(var i = 0,len = methods.length; i <len; i++){ 
  if(typeof methods[i] !== 'string'){ 
   throw new Error("接口方法的名称必须是一个字符串"); 
  } 
  this.methods.push(methods[i]); 
 } 
}; 
//Static class Method 
Interface.ensureImplements = function(myobject1,Iobject1){ 
 if(arguments.length!=2){ 
  throw new Error("方法 Interface.ensureImplemnents 指定了" + arguments.length+ "个参数,但是期望的是2个 ."); 
 } 
 for(var i=1,len = arguments.length; i<len; i++){ 
  var _interface = arguments[i]; 
  //接口对象,要通过接口类实例出来
  if(_interface.constructor !== Interface){ 
   throw new Error("接口,不是通过Interface类,实例出来的"); 
  } 
  //把接口对象里面的方法名取出来,结合到本例中的手机对象,来验证,该手机对象是否有这两个方法,且方法名是不是一样;
  for(var j=0, methodsLen = _interface.methods.length; j<methodsLen;j++ ){ 
   var method = _interface.methods[j]; 
   if(!myobject1[method]||typeof myobject1[method] !== 'function'){ 
    throw new Error("通过验证函数:Interface.ensureImplements: "+myobject1.name+"对象的方法"+ method + " 找不到或者不是一个Function"); 
   } 
  } 
 } 
};

 下面是例子

//通过接口类,实例出一个"拔通电话"的接口;现在这个接口对象testInterface,规定了二个方法,且方法名字是"callfun"和"callnum"
var testInterface = new Interface("call",["callfun","callnum"]);
//移动电话类,的构造函数;
var mobilepone = function(call){ 
 this.name = call;
}
//移动电话类的公有方法
mobilepone.prototype = {
 "constructor":mobilepone,
 //必须和前面接口对象规定的方法名一样;
 "callfun" : function(){
  document.write("按键");
 },
 //必须和前面接口对象规定的方法名一样
 "callnum" : function(){
  document.write("拔号");
 }
}
//通过移动电话类,实例一个三星的手机对象
var anycall = new mobilepone("anycall");
//检测这个个三星的手机对象,是否实现了[拔通电话]这个接口;即把三星手机对象和接口对象做为参数传入验证函数,进行比较
Interface.ensureImplements(anycall,testInterface);
anycall.callnum();

以上就是本文的全部内容,希望对大家有所帮助,感兴趣的可以看下《Javascript之面向对象--方法》和《Javascript之面向对象--封装》谢谢对三水点靠木的支持!

Javascript 相关文章推荐
在IE模态窗口中自由查看HTML源码的方法
Mar 08 Javascript
Javascript 实用小技巧
Apr 07 Javascript
获取dom元素那些讨厌的位置封装代码
Jun 23 Javascript
js自定义事件及事件交互原理概述(二)
Feb 01 Javascript
仿新浪微博登陆邮箱提示效果的js代码
Aug 02 Javascript
获取select元素被选中的文本内容的js代码
Jan 29 Javascript
input:checkbox多选框实现单选效果跟radio一样
Jun 16 Javascript
JavaScript中的pow()方法使用详解
Jun 15 Javascript
es6 字符串String的扩展(实例讲解)
Aug 03 Javascript
Angular弹出模态框的两种方式
Oct 19 Javascript
Vue中的transition封装组件的实现方法
Aug 13 Javascript
jQuery实现html可联动的百分比进度条
Mar 26 jQuery
Javascript之面向对象--封装
Dec 02 #Javascript
JavaScript制作弹出层效果
Dec 02 #Javascript
Javascript之面向对象--方法
Dec 02 #Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 #Javascript
Vue.js组件tree实现省市多级联动
Dec 02 #Javascript
Vue2实现组件props双向绑定
Dec 02 #Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 #Javascript
You might like
PHP的类 功能齐全的发送邮件类
2006/10/09 PHP
openflashchart 2.0 简单案例php版
2012/05/21 PHP
yii框架通过控制台命令创建定时任务示例
2014/04/30 PHP
PHP记录页面停留时间的方法
2016/03/30 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
javascript 面向对象全新理练之原型继承
2009/12/03 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
2013/03/05 Javascript
jquery中prop()方法和attr()方法的区别浅析
2013/09/06 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
JavaScript中window.open用法实例详解
2015/04/15 Javascript
asp.net中oracle 存储过程(图文)
2015/08/12 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
jQuery 跨域访问解决原理案例详解
2016/07/09 Javascript
使用JSON作为函数的参数的优缺点
2016/10/27 Javascript
Vue的百度地图插件尝试使用
2017/09/06 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
Sanic框架基于类的视图用法示例
2018/07/18 Python
pygame游戏之旅 创建游戏窗口界面
2018/11/20 Python
详解用Python实现自动化监控远程服务器
2019/05/18 Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
2020/04/22 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
基于Python测试程序是否有错误
2020/05/16 Python
Pytorch转keras的有效方法,以FlowNet为例讲解
2020/05/26 Python
Python flask路由间传递变量实例详解
2020/06/03 Python
Python tkinter界面实现历史天气查询的示例代码
2020/08/23 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
德国黑胶唱片、街头服装及运动鞋网上商店:HHV
2018/08/24 全球购物
最受欢迎的自我评价
2013/12/22 职场文书
2013年员工自我评价范文
2013/12/27 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
工程项目合作意向书
2015/05/08 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
解决Maven项目中 Invalid bound statement 无效的绑定问题
2021/06/15 Java/Android