码迷,mamicode.com
首页 > Web开发 > 详细

js28--适配器模式

时间:2017-05-21 10:01:27      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:else   适配   适配器   w3c   prototype   color   ++   --   log   

<!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--适配器模式

标签:else   适配   适配器   w3c   prototype   color   ++   --   log   

原文地址:http://www.cnblogs.com/yaowen/p/6883822.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!