<!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. 23 DesignPatterns学习笔记：C++语言实现 --- 1.4 Builder

    23 DesignPatterns学习笔记:C++语言实现 --- 1.4 Builder 2016-07-21 (www.cnblogs.com/icmzn) 模式理解

  2. ajax 的前进 后退 问题 jquery.history

    本文的前提是基于后台的,所以这里不会考虑seo的问题.同时,基于后台的管理系统,也不需要被收藏,所以也不会考虑刷新的这种类似直接敲网址的情况!!! 这里使用的是html5中的history.state ...

  3. 浏览器缓存和Service Worker

    浏览器缓存和Service Worker @billshooting 2018-05-06 字数 6175 Follow me on Github 标签: BOM 1. 传统的HTTP浏览器缓存策略 ...

  4. 国内顶尖的sql dba 团队招人。

    国内顶尖的sql dba 团队招人. 4年DBA 经验 我们希望你掌握 1.熟练关系型数据库原理.熟练一门语言(C# .Java.Python.powershell ) 2.对自动化.数据化感兴趣. ...

  5. 微信小程序web-view之动态加载html页面

    官方推出的web-view方便了很多开发人员. 我们在做的时候,经常会想到写一个小程序的page然后通过动态加载web-view的形式来完成其他功能页面的开发. 之前研究web-view的时候发现网上 ...

  6. UWP开发入门（一）——SplitView

    接下来会写一个UWP(Universal Windows Platform)开发入门的系列,自己学习到哪里,有什么心得总结,就会写到哪里.本篇对适用于顶层导航的SplitView控件展开讨论. 首先S ...

  7. 自动统计安卓log中Anr，Crash，Singnal出现数量的Python脚本 （转载）

    自动统计安卓log中Anr,Crash,Singnal出现数量的Python脚本   转自:https://www.cnblogs.com/ailiailan/p/8304989.html 作为测试, ...

  8. Python(re模块,正则)

    day18 正则表达式用处? 匹配 字符串 s = 'hello world' print(s.find('llo'))#第一个的位置 ret = s.replace('ll','xx') print ...

  9. iOS没你想的那么安全？

    iOS应用由于直接运行在用户的手机上,而不是运行在后台服务器上,所以更容易被攻击. 任何系统都会有木马病毒的产生,不存在绝对的安全,iOS应用由于直接运行在用户的手机上,而不是运行在后台服务器上,所以 ...

  10. [转] Foobar2000 DSP音效外挂元件-Part4

    [转] Foobar2000 DSP音效外挂元件-Part4 在第1部分的文章里主要介绍了foobar2000预设的DSP音效调整,这些则示要介绍几个比较会用到的DSP外挂元件,在foobar2000 ...