<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>javascript高级语法15-适配器模式</title>

     </head>

     <body>

         <script type="text/javascript">

             /*适配器是为了解决已有接口有的类不兼容问题

              * 类似于门面模式，但是机理是完全不同的

              * 门面模式为了简化接口，使调用者更加方便

              * 适配器是为了解决接口不兼容的问题

             */

             //接口

             var Interface = function(name,methods){

                 if(arguments.length != 2){

                     alert("interface must have two paramters...");

                 }

                 this.name = name;//这个是接口的名字

                 this.methods = [];//定义个空数组来转载函数名

                 for (var i = 0; i < methods.length; i++) {

                     if(typeof methods[i] != "string"){

                         alert("method name must is String ...")

                     }else{

                         this.methods.push(methods[i])

                     }

                 }

             }

             //定义接口的一个静态方法来实现接口与实现类的直接检验

             //静态方法不要写成Interface.prototype.* 因为这是写到接口原型连上的

             //我们要把静态的函数直接写到类层次上

             Interface.ensureImplements = function(object){

                 if(arguments.length<2){

                     alert("必须最少是2个参数");

                     return false;

                 }

                 //遍历

                 for (var i = 1; i < arguments.length; i++) {

                     var inter = arguments[i];

                     //如果你是接口就必须是Interface类型的

                     if(inter.constructor != Interface){

                         throw new Error("if is interface class must is Interface type");

                     }

                     //遍历函数集合并分析

                     for (var j = 0; j < inter.methods.length; j++) {

                         var method = inter.methods[j];

                         //实现类中必须有方法名字 和 接口中所有的方法名项目

                         if(!object[method] || typeof object[method] != "function"){

                             throw new Error("实现类并没有完全实现接口中的所有方法...");

                         }

                     }

                 }

             }

             function demo(){

                 //例如你已经写好一个应用API

                 //程序员依托 PcatV1版本来写客户端

                 var PcatV1Lib = new Interface("PcatV1Lib",["add"]);

                 function plib(){

                     this.add = function(x,y){

                         return x+y;

                     }

                     Interface.ensureImplements(this,PcatV1Lib);

                 }

                 //客户端

                 var lib = new plib();

                 //调用

                 alert(lib.add(1,3));

                 //现在需要更换类库，但是前台写好的程序，不希望有大的变化

                 var PcatV2 = new Interface("PcatV1Lib",['add']);

                 function p2lib(){

                     this.add = function(list){

                         return eval(list.join("+"));

                     }

                     Interface.ensureImplements(this,PcatV1Lib);

                 }

                 //客户端

                 var lib = new p2lib();

                 //调用

                 //alert(lib.add(1,3)); 这时候不能这么调用了。

                 //利用适配器来解决问题

                 //添加适配器

                 var wrapper = new Interface("PcatV1Lib",['add']);

                 function wrapperpcat2lib(){

                     this.add = function(x,y){

                         var arr = new Array();

                         arr.push(x);

                         arr.push(y);

                         return new p2lib().add(arr);

                     }

                 }

                 lib = new wrapperpcat2lib()

                 alert(lib.add(5,5))

                /*利用适配器就可以完成客户端代码不变的情况下改变类库

                 *但是这种情况只有客户端代码是标准的时候才可以

                 * 否则直接修改客户端也是一个不错的选择。

                 */

             }

             demo();

         </script>

     </body>

 </html>

JavaScript设计模式-15.适配器模式的更多相关文章

  1. 再起航，我的学习笔记之JavaScript设计模式12(适配器模式)

    适配器模式 适配器模式(Adapter): 将一个类(对象)的接口(方法或属性)转化成为另外一个接口,使类(对象)之间接口的不兼容问题通过适配器得以解决. 适配相似的框架 不知道大家有没有遇到过这种场 ...

  2. 再起航，我的学习笔记之JavaScript设计模式15(组合模式)

    组合模式 组合模式(Composite): 又称部分-整体模式,将对象组合成树形结构以表示"部分整体"的层次结构.组合模式使得用户对单个对象和组合对象的使用具有一致性. 如果有一个 ...

  3. JavaScript设计模式 Item9 --适配器模式Adapter

    适配器模式(转换器面模式),通常是为要使用的接口,不符本应用或本系统使用,而需引入的中间适配层类或对象的情况. 适配器模式的作用是解决两个软件实体间的接口不兼容的问题. 一.定义 适配器模式(Adap ...

  4. javascript设计模式之适配器模式

    ---恢复内容开始--- 定义: 是指讲一个接口转换成客户端希望 的另外一个接口,该模式使得原本不兼容的类可以一起工作.适配器模式的作用事解决两个软件实体间的接口不兼容的问题. 生活中的实例: USB ...

  5. 【读书笔记】读《JavaScript设计模式》之适配器模式

    一.定义 适配器模式可用来在现有接口和不兼容的类之间进行匹配.使用这种模式的对象又叫包装器(wrapper),因为它们是在用一个新的接口包装另一个对象.在设计类的时候旺旺会遇到有些接口不能与现有API ...

  6. 15分钟带你了解前端工程师必知的javascript设计模式(附详细思维导图和源码)

    15分钟带你了解前端工程师必知的javascript设计模式(附详细思维导图和源码) 前言 设计模式是一个程序员进阶高级的必备技巧,也是评判一个工程师工作经验和能力的试金石.设计模式是程序员多年工作经 ...

  7. 转载,javascript 设计模式

    了解JavaScript设计模式我们需要知道的一些必要知识点:(内容相对基础,高手请跳过) 闭包:关于闭包这个月在园子里有几篇不错的分享了,在这我也从最实际的地方出发,说说我的理解. 1.闭包最常用的 ...

  8. 《Javascript设计模式与开发实践》--读书笔记

    第2章 this call apply bind()方法创建一个新的函数,在bind()被调用时,这个新函数的this被bind的第一个参数指定,其余的参数将作为新函数的参数供调用时使用. bind( ...

  9. 21种JavaScript设计模式最新记录（含图和示例）

    最近观看了<Javascript设计模式系统讲解与应用>教程,对设计模式有了新的认识,特在此做些记录. 一.UML 文中会涉及众多的UML类图,在开篇需要做点基础概念的认识.以下面的图为例 ...

随机推荐

  1. Unity3d发布的iOS产品中使用GB2312字符编码(CP936)

    最近在开发中要用到GB2312字符编码(CP936),在C#代码中便有了如此代码 System.Text.Encoding.GetEncoding() 这在Unity3d 编辑器下运行没有任何问题,打 ...

  2. Caffe任务池GPU模型图像识别

    一开始我在网上找demo没有找到,在群里寻求帮助也没有得到结果,索性将网上的易语言模块反编译之后,提取出对应的dll以及代码,然后对照官方的c++代码,写出了下面的c#版本 /*** * @pName ...

  3. NPOI设置Excel单元格字体、边框、对齐、背景色

    代码: ICellStyle cellStyle = workbook.CreateCellStyle(); cellStyle.BorderBottom = BorderStyle.Thin; ce ...

  4. 域名通过infopath访问webservice出现401错误

    解决办法: 跟服务器有关,需要再每台服务器进行以下配置 New-ItemProperty HKLM:\System\CurrentControlSet\Control\Lsa -Name " ...

  5. （转载）Oracle的悲观锁和乐观锁

    为了得到最大的性能,一般数据库都有并发机制,不过带来的问题就是数据访问的冲突.为了解决这个问题,大多数数据库用的方法就是数据的锁定. 数据的锁定分为两种方法,第一种叫做悲观锁,第二种叫做乐观锁.什么叫 ...

  6. Linux 常用命令大放送

    sbin 系统底层命令存放目录 bin  一般用户常用命令目录 文件用户管理 ls -lh 显示权限cp   -r 复制文件 文件夹 mkdir  test 创建文件夹rm    -rf  删除文件 ...

  7. ASP.NET Core使用Ping判断网络是否接通

    static void Main(string[] args) { // 主机地址 string targetHost = "bing.com"; string data = &q ...

  8. 开源NFV管理器 - OpenStack Tacker介绍 NFV和Tacker介绍和主要功能

    原文链接:https://blog.csdn.net/bc_vnetwork/article/details/51463518 1.NFV概述 NFV(网络功能虚拟化Network Function ...

  9. GO学习笔记 - 没有参数的 return 语句返回各个返回变量的当前值，这种用法被称作“裸”返回。

    Go 的返回值可以被命名,并且就像在函数体开头声明的变量那样使用. 返回值的名称应当具有一定的意义,可以作为文档使用. 没有参数的 return 语句返回各个返回变量的当前值.这种用法被称作“裸”返回 ...

  10. 高可用群集HA介绍与LVS+keepalived高可用群集

    一.Keepalived介绍 通常使用keepalived技术配合LVS对director和存储进行双机热备,防止单点故障,keepalived专为LVS和HA设计的一款健康检查工具,但演变为后来不仅 ...