JavaScript实现接口的三种经典方式
- /*
- 接口:提供一种说明一个对象应该有哪些方法的手段
- js中有三种方式实现接口:
- 1 注释描述接口
- 2 属性检测接口
- 3 鸭式辨型接口
- */
- /*
- 1 注释描述接口: 不推荐
- 优点: 利用注解,给出参考
- 缺点:纯文档约束,是一个假接口,
- 程序不能检查实现接口对象是否实现所有接口方法
- */
- /**
- * interface Composite{
- * function a();
- * function b();
- * }
- */
- // CompositeImpl implements Composite
- var CompositeImpl = function(){
- //业务逻辑
- };
- CompositeImpl.prototype.a = function(){
- //业务逻辑
- };
- CompositeImpl.prototype.b = function(){
- //业务逻辑
- };
- /*
- 2 属性检测接口:
- 优点:能够检测实现哪些接口
- 缺点:没有完全脱离文档,
- 不能检测是否实现每个接口里的所有方法
- */
- /**
- * interface Composite{
- * function a();
- * }
- *
- * interface FormItem(){
- * function b();
- * }
- */
- // CompositeImpl implements Composite,FormItem
- var interfacesImpl = function(){
- //在实现类内部用一个数组保存要实现的方法名
- //通常这个属性名是团队中规定好的
- this.implementsInterfaces = ["Composite","FormItem"];
- };
- CompositeImpl.prototype.a = function(){
- //业务逻辑
- };
- CompositeImpl.prototype.b = function(){
- //业务逻辑
- };
- //专门为这个实现对象写一个检测函数,传入实例对象,用于检查实力对象是否实现了所有接口
- function checkImplements(obj){
- //调用检查方法 obj是否实现两个接口,如果没有都实现则抛出异常
- if(!isImplements(obj,"Composite","FormItem")){
- throw new Error("接口没有全部实现!");
- }
- //接收一个参数obj是要检查的对象
- function isImplements(obj){
- //arguments对象能够获取实际传入函数的所有参数的数组
- //传入的第0个参数是要检查的对象,所以从1开始检查
- for(var i = 1; i < arguments.length ; i++){
- //接收接口中每个接口的名字
- var interfaceName = arguments[i];
- //一个标记,是否实现这个接口,默认没有
- var foundFlag = false;
- //循环查询传入实例对象的实现接口数组 以检查是否全部实现
- for(var j = 0 ;j <obj.implementsInterfaces.length;j++){
- //如果 实现了这个接口 就修改标记跳出循环
- if(obj.implementsInterfaces[j]==interfaceName){
- foundFlag = true;
- break;
- }
- }
- //如果遍历实现接口数组之后没找到 就返回false
- if(!foundFlag){
- return false;
- }
- }
- //如果都找到了 返回true
- return true;
- }
- }
- //使用实力对象并检测
- var o = new interfacesImpl();
- checkImplements(o); //不会抛出异常 因为正确实现了两个接口
- //如果在写interfacesImpl内的implementsInterfaces列表的时候少写了,那么就会在检查函数中抛出异常
- /*
- 3 鸭式辨型法:(目前开发中使用的方式)
- 实现思想:
- */
- //1 接口类 Class Interface
- /**
- * 接口类需要的参数:
- * 1 接口的名字
- * 2 要实现方法名称的数组
- */
- var Interface = function( name , methods ){
- //判断参数个数
- if(arguments.length!=2){
- throw new Error("接口构造器参数必须是两个!");
- }
- this.name = name;
- this.methods = [];
- for(var i = 0;i<methods.length;i++){
- if( typeof methods[i] !== "string" ){
- throw new Error("接口实现的函数名称必须是字符串!");
- }
- this.methods.push(methods[i]);
- }
- };
- //2 准备工作:
- // 2.1 实例化接口对象 传入接口名 和 要实现的方法数组
- var CompositeInterface = new Interface("CompositeInterface",["add","remove"]);
- var FormItemInterface = new Interface("FormItemInterface",["update","select"]);
- // 2.2 实现接口的类
- //CompositeImpl implementes CompositeInterface ,FormItemInterface
- var CompositeImpl = function(){
- };
- // 2.3 实现接口的方法
- CompositeImpl.prototype.add = function(obj){
- alert("add...");
- };
- CompositeImpl.prototype.remove = function(obj){
- alert("remove...");
- };
- CompositeImpl.prototype.select = function(obj){
- alert("select...");
- };
- //在这里少实现一个方法 下面检测是否全部实现了接口方法
- // CompositeImpl.prototype.update = function(obj){
- // alert("update...");
- // };
- // 实例化 实现接口的对象
- var c = new CompositeImpl();
- //3 检验接口里的方法是否全部实现
- // 如果检验通过 继续执行;如果不通过抛出异常;
- Interface.ensureImplements = function(obj){
- // 如果接收到参数小于2 说明 传参出错了,只传入一个参数,,没有传入实现的接口
- if(arguments.length<2){
- throw new Error("接口检查方法的参数必须多余两个!");
- }
- //获得要见测的接口实现对象之后的参数 各个接口
- for(var i = 1,len = arguments.length;i<len;i++){
- var instanceInterface = arguments[i]; //获取当前这个接口
- //判断接收到的是不是接口的对象 如果不是 抛出异常
- if( instanceInterface.constructor !== Interface){
- throw new Error("接口检测函数必须传入接口对象!");
- }
- //检查实例化接口的对象是不是实现了接口里的所有方法
- // 当前接口对象里的每一个方法
- for(var j = 0 ; j<instanceInterface.methods.length;j++){
- var methodName = instanceInterface.methods[j]; //接收到了字符串的方法名
- //如果obj里面没有有methodName这个方法 或者有这个属性但是不是函数 就抛出异常
- if(!obj[methodName] || typeof obj[methodName] !== "function"){
- throw new Error("接口方法"+ methodName +"没有实现!");
- }
- }
- }
- };
- //传入要检查的类,和他要实现的所有接口对象
- Interface.ensureImplements(c ,CompositeInterface ,FormItemInterface );
- c.add();
JavaScript实现接口的三种经典方式的更多相关文章
- C#接口的三种实现方式
转自原文C#接口的三种实现方式 public interface MyInterface { /// 下面三个方法的签名都是 /// .method public hidebysig newslot ...
- 初见Ajax——javascript访问DOM的三种访问方式
最近好啰嗦 最近在一间小公司实习,写一些小东西.小公司嘛,人们都说在小公司要什么都写的.果真是. 前端,后台,无论是HTML,CSS,JavaScript还是XML,Java,都要自己全包了.还好前台 ...
- JavaScript声明全局变量的三种方式
JavaScript声明全局变量的三种方式 JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍. 声明方式一: 使用var(关键字)+变量名(标识符)的方式在function外部声明,即为 ...
- 【转】SVG与HTML、JavaScript的三种调用方式
原文:https://www.cnblogs.com/guohu/p/5085045.html SVG与HTML.JavaScript的三种调用方式 一.在HTMl中访问SVG的DOM 1 2 3 4 ...
- JavaScript 闭包的详细分享(三种创建方式)(附小实例)
JavaScript闭包的详细理解 一.原理:闭包函数--指有权访问私有函数里面的变量和对象还有方法等:通俗的讲就是突破私有函数的作用域,让函数外面能够使用函数里面的变量及方法. 1.第一种创建方式 ...
- javascript中构造函数的三种方式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- JavaScript中创建对象的三种方式!
JavaScript中创建对象的三种方式! 第一种 利用对象字面量! // 创建对象的三种方式! // 1 对象字面量. var obj = { // 对象的属性和方法! name: 'lvhang' ...
- JavaScript新手学习笔记3——三种排序方式(冒泡排序、插入排序、快速排序)
每种编程语言学到数组的时候,都会讲到排序算法,当时学C语言的时候,卡在排序算法.今天来总结一下javascript中如何实现三种排序算法. 1.冒泡排序(默认升序排列哦) 原理: 冒泡排序的原理,顾名 ...
- python笔记-20 django进阶 (model与form、modelform对比,三种ajax方式的对比,随机验证码,kindeditor)
一.model深入 1.model的功能 1.1 创建数据库表 1.2 操作数据库表 1.3 数据库的增删改查操作 2.创建数据库表的单表操作 2.1 定义表对象 class xxx(models.M ...
随机推荐
- linux PMBus总线及设备驱动分析
PMBus协议规范介绍 PMBus是一套对电源进行配置.控制和监控的通讯协议标准.其最新版本为1.3,该规范还在不断演进中,比如新标准中新增的zone PMBus.AVSBus等特性.在其官网上有详细 ...
- 重读 必须知道的.NET
1 .public ,对访问成员无限制,属于访问级别最高的权限. protected 访问包含类或者丛类派生类的类. internal 仅限于程序集, protected inernal 访问仅限于 ...
- Eclipse项目出现红色叹号的解决办法
以前的项目今天打开突然出现了红色的叹号,对于强迫症的患者简直忍不了,出现红色叹号的原因都是jar包出现问题导致的,如果是代码错误早就是一个大红叉了- 打开项目就可以发现,找不到哪里出问题了,代码和js ...
- JQ在光标处插入文字
内容转载自网络这是一个JQ的扩展方法.在teatarea获得焦点时,往光标处插入文字,扩展代码如下 (function($){ $.fn.extend({ "insert":fun ...
- Mysql语句的执行过程
当你希望MySQL能够以更高的性能运行查询时,最好的办法是弄清楚MySQL是如何优化和执行查询.<高性能MySQL> MySQL客户端与服务器端的通信特点 客户端与服务器之间是半双工通信, ...
- 笔记:Jersey REST 传输格式
通常REST接口会以XML或JSON作为主要传输格式,同时 Jersey 也支持其他的数据格式,比如基本类型.文件.流等格式. 基本类型 Java的基本类型又叫原生类型,包括4种整数(byte.sho ...
- SpringBoot 整合 Swagger2
1. Swagger UI 按以下步骤配置,项目启动后访问:http://localhost:8080/swagger-ui.html 1.1 添加依赖 <dependency> < ...
- MyBatis-plus 代码生成器
1.添加pom文件依赖 <!-- Mybatis-Plus 自动生成实体类--> <dependency> <groupId>com.baomidou</gr ...
- Oracle查询优化改写--------------------范围处理
一.定位连续值的范围 二.查找同一组或分区中行之间的差
- java并发编程基础 --- 7章节 java中的13个原子操作类
当程序更新一个变量时,如果多线程同时更新这个变量,可能得到期望之外的值,比如变量 i=1,A线程更新 i+1,B线程也更新 I+1,经过两个线程的操作之后可能 I不等于3,而是等于2.因为A和B线程更 ...