<!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. IIS 8 nodejs + iisnode 配置

    最近再Server 2012 + IIS 8 中配置NodeJS 运行环境,具体配置过程就不细说了(随便搜搜一堆),安装完nodejs 和 iisnode 之后,出现一个报错,如下: The iisn ...

  2. testNG的高级用法 --DataProvider

    @DataProvider Method参数 数据提供者的第一个参数是java.lang.reflect.Method,TestNG传递这个将调用的测试方法.如果您希望数据提供者根据不同的测试方法返回 ...

  3. django：multivaluedictkeyerror错误

    查了一下,是因为获取前台数据时,用了request.POST[],改用request.POST.get()之后没有这个报错了 细节: request.POST是用来接受从前端表单中传过来的数据,比如用 ...

  4. 自己从0开始学习Unity的笔记 VII （C#中类继承练习）

    好久都没有写了.今天做了类继承的练习,做了一个小队,进行简单的判定. namespace 兵团建立练习 { class ServantBasics { public string name; //pr ...

  5. 流与文本文件操作(C#)

    1.流的基本概念 流是任何输入输出库的必不可少的组成部分.当你的程序需要从一个外部数据源(比如,files.other PCs或servers等)读或者写数据时,就需要用到流streams. 流是由一 ...

  6. c#设计模式之策略者模式(Strategy Pattern)

    场景出发 假设存在如下游戏场景: 1:角色可以装备木剑,铁剑,魔剑3种装备,分别对怪物造成20HP,50HP,100HP伤害(未佩戴装备则无法攻击); 2角色可以向怪物攻击,一次攻击后损失角色所佩戴装 ...

  7. WPF相关资料集锦

    微软官方资料 .NET Framework源代码 https://referencesource.microsoft.com/ 微软官方文档 https://docs.microsoft.com/en ...

  8. NPOI 设置excel 边框

    https://blog.csdn.net/xxs77ch/article/details/50232343

  9. 微信企业号发送监控消息【php】

    公司这边有做监控异常并将消息发送到企业公众号的功能.大概如下: 定时任务检测异常消息 将消息存入redis队列 定时处理队列异常消息 发送到微信企业号对应的部门组 这里我们来看一下微信发送过程,其他不 ...

  10. Net Manager测试连接测试没有成功，用户权限问题，以管理员身份运行后测试成功

    Net Manager测试连接测试没有成功,截图如下: