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 相关文章推荐
js AppendChild与insertBefore用法详细对比
Dec 16 Javascript
jQuery ajax serialize() 方法使用示例
Nov 02 Javascript
使用jQuery在对象中缓存选择器的简单方法
Jun 30 Javascript
使用JQuery在线制作ppt并在线演示源码特效
Sep 08 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
Nov 09 Javascript
JavaScript方法_动力节点Java学院整理
Jun 28 Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 Javascript
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
在vue项目中正确使用iconfont的方法
Sep 28 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
Jul 06 Javascript
过滤器vue.filters的使用方法实现
Sep 18 Javascript
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脚本的10个技巧(6)
2006/10/09 PHP
在PHP中利用wsdl创建标准webservice的实现代码
2011/12/07 PHP
php教程之phpize使用方法
2014/02/12 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
全面了解PHP中的全局变量
2016/06/17 PHP
PHP一致性hash分布式算法封装类定义与用法示例
2018/08/04 PHP
PHP递归算法的简单实例
2019/02/28 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
2016/03/24 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
2016/10/19 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
jQuery实现鼠标跟随效果
2017/02/20 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
2017/03/02 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
基于 webpack2 实现的多入口项目脚手架详解
2017/06/26 Javascript
JavaScript代码执行的先后顺序问题
2017/10/29 Javascript
JS限制输入框输入的实现代码
2018/07/02 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
Element InputNumber计数器的使用方法
2020/07/27 Javascript
Python中的装饰器用法详解
2015/01/14 Python
Python3里的super()和__class__使用介绍
2015/04/23 Python
Python中property属性实例解析
2018/02/10 Python
用pandas按列合并两个文件的实例
2018/04/12 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
关于python下cv.waitKey无响应的原因及解决方法
2019/01/10 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
使用PyWeChatSpy自动回复微信拍一拍功能的实现代码
2020/07/02 Python
利用Python优雅的登录校园网
2020/10/21 Python
python中用Scrapy实现定时爬虫的实例讲解
2021/01/18 Python
市场营销专业自荐书
2014/06/10 职场文书
2016幼儿教师自荐信范文
2016/01/28 职场文书
一些让Python代码简洁的实用技巧总结
2021/08/23 Python