<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8 src=../commons/CommonUtil.js ></script>

        <script type=text/javascript charset=utf-8>

            //适配器：

          function $(){

                var elements = [] ;

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

                    var element = arguments[i];

                    if(typeof element == 'string')

                        element = document.getElementById(element);

                    if(arguments.length ==1)

                        return element ;

                    elements.push(element);

                }

                return elements;

          }

          // YUI get function (传递了一个参数 :类型不是字符串 就是数组)

          var YAHOO = {};

          YAHOO.get = function(el){//形参实参个数可以不一样，接收还是按照一个一个匹配，

                if(typeof el == 'string'){

                    return document.getElementById(el);

                }

                if(el instanceof Array){

                    var elements = [] ;

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

                        elements[elements.length] = YAHOO.get(el[i]);

                    }

                    return elements;

                }

                if(el){

                    return el ;

                }

                return null;

          };

          function YUIToPrototypeAdapter(){

                //对于YUI开发人员来说 永远传递一个参数

                if(arguments.length == 1){

                    var e = arguments[0];

                    return  $.apply(window,e instanceof Array?e:[e]);

                } else {

                    return $.apply(window ,arguments);

                }

          }

          window.onload = function(){

                // prototype开发人员习惯的写法

                var domarr = $('inp1','inp2');    //可以传多个参数

                alert(domarr);

                // YUI开发人员习惯的写法

                var domarr = YAHOO.get(['inp1','inp2']); //只能创一个参数

                alert(domarr); 

                //可以传一个或多个参数

                var domarr = YAHOO.YUIToPrototypeAdapter(['inp1']);

                alert(domarr);

         };

        </script>

    </head>

    <body>

            <input id="inp1" />

            <input id="inp2" />

    </body>

</html>

js28--适配器模式的更多相关文章

  1. PHP设计模式（七）适配器模式（Adapter For PHP）

    适配器模式:将一个类的接口转换成客户希望的另外一个接口,使得原本由于接口不兼容而不能一起工作的那些类可以在一起工作. 如下图(借图): // 设置书的接口 // 书接口 interface BookI ...

  2. 《JS设计模式笔记》 5,适配器模式

    //适配器模式的作用就像一个转接口. jQuery("#"+id); $id=function (id) { return jQuery("#"+id)[0]; ...

  3. 设计模式(七): 通过转接头来观察"适配器模式"(Adapter Pattern)

    在前面一篇博客中介绍了“命令模式”(Command Pattern),今天博客的主题是“适配器模式”(Adapter Pattern).适配器模式用处还是比较多的,如果你对“适配器模式”理解呢,那么自 ...

  4. 设计模式（七）适配器模式（Adapter Pattern）

    一.引言 在实际的开发过程中,由于应用环境的变化(例如使用语言的变化),我们需要的实现在新的环境中没有现存对象可以满足,但是其他环境却存在这样现存的对象.那么如果将“将现存的对象”在新的环境中进行调用 ...

  5. PHP 适配器模式

    适配器模式(Adapter)模式:将一个类的接口,转换成客户期望的另一个类的接口.适配器让原本接口不兼容的类可以合作无间.     [适配器模式中主要角色]目标(Target)角色:定义客户端使用的与 ...

  6. 每天一个设计模式-3 适配器模式（Adapteer）

    每天一个设计模式-3 适配器模式(Adapteer) 1.现实中的情况 旧式电脑的硬盘是串口的,直接与硬盘连接,新硬盘是并口的,显然新硬盘不能直接连在电脑上,于是就有了转接线.好了,今天的学习主题出来 ...

  7. 设计模式--适配器模式Adapter（结构型）

    一.适配器模式 适配器模式的主要作用是在新接口和老接口之间进行适配.将一个类的接口转换成客户端期望的另外一个接口.其实适配器模式有点无赖之举,在前期设计的时候,我们就不应该考虑适配器模式,而应该通过重 ...

  8. c#设计模式-适配器模式

    一. 适配器(Adapter)模式 适配器模式把一个类的接口变换成客户端所期待的另一种接口,从而使原本接口不匹配而无法在一起工作的两个类能够在一起工作. 名称由来 这很像变压器(Adapter),变压 ...

  9. C#设计模式系列：适配器模式（Adapter）

    在实际的软件系统设计和开发中,为了完成某项工作需要购买一个第三方的库来加快开发.这带来一个问题,在应用程序中已经设计好的功能接口,与这个第三方提供的接口不一致.为了使得这些接口不兼容的类可以在一起工作 ...

  10. Net设计模式实例之适配器模式（Adapter Pattern）

    一.适配器模式简介(Brief Introduction) 适配器模式,将一个类装换成客户期望的另外一个接口.Adapter模式使的原本由于接口不兼容而不能工作的那些类可以一起工作. 二.解决的问题( ...

随机推荐

  1. ECNUOJ 2143 端午节快乐

    端午节快乐 Time Limit:1000MS Memory Limit:65536KBTotal Submit:1720 Accepted:868 Description  有一段有趣的传说.公元前 ...

  2. ruby redis的集群管理器

    #========================================================================================== # => ...

  3. 用eclipse 检索SVN 上 myEclipse 建的web项后,成java项目解决方法

    用eclipse 检索SVN 上 myEclipse 建的web项后,成java项目解决方法 在网上找了非常多,都无论用. 说添加.project 文件几个属性.但我发现里面都有,在我这里无论什么用. ...

  4. 杭电1425 sort

    Problem Description 给你n个整数.请按从大到小的顺序输出当中前m大的数.   Input 每组測试数据有两行,第一行有两个数n,m(0<n,m<1000000).第二行 ...

  5. 算法导论————EXKMP

    [例题传送门:caioj1461] [EXKMP]最长共同前缀长度 [题意]给出模板串A和子串B,长度分别为lenA和lenB,要求在线性时间内,对于每个A[i](1<=i<=lenA), ...

  6. js插件---瀑布流Masonry

    js插件---瀑布流Masonry 一.总结 一句话总结:还是要去看官网,比amazeui上面介绍的详细很多 1.瀑布流的原理是什么? 给外层套好相对定位,里面的每一个弄好绝对定位,然后计算出每一个的 ...

  7. rem的解决方案

    http://www.qdfuns.com/notes/32967/37b8f127797c6c2b66f2c1dc6d133e45.html rem 作为一个低调的长度单位,由于手机端网页的兴起,在 ...

  8. Aix下查看内存命令

    1. 查看物理内存配置 # lsdev -Cc memory  查看配置的物理内存设备,下面为其输出示例:  L2cache0 Available L2 Cache   mem0 Available ...

  9. UTC时间 GMT时间 本地时间 北京时间 时区 夏令时简要说明

    1.UTC时间 与 GMT时间 整个地球分为二十四时区,每个时区都有自己的本地时间.为了统一起见,使用一个统一的时间,称为通用协调时(UTC, Universal Time Coordinated). ...

  10. 通过域 组策略禁用U盘（只允许部份许可U盘可在客户端读取）

    U盘禁用设置步骤: 1.客户端 注册表修改,USBStor  的start改为4 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\UsbSto ...