js 面向对象设计模式--适配器

最新推荐文章于 2022-12-07 16:29:31 发布

weixin_42975115

最新推荐文章于 2022-12-07 16:29:31 发布

阅读量109

点赞数

分类专栏：面向对象 js 设计模式

本文链接：https://blog.csdn.net/weixin_42975115/article/details/90543711

版权

js 同时被 3 个专栏收录

29 篇文章 0 订阅

订阅专栏

面向对象

24 篇文章 0 订阅

订阅专栏

设计模式

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>适配器</title>
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
</head>
<body>
<div id="mybutton">
    点击我
</div>
   <!--<script>-->
       <!--//适配器模式，将一个类（对象）的接口（方法或则属性）转化-->
       <!--//成另一个接口，以满足用户需求，使类（对象）接口的不兼问题-->
       <!--//得以决绝-->
       <!--//定义一个框架-->
      <!--let A = {-->
           <!--g:function (id) {//通过id获取元素-->
               <!--return document.getElementById(id);-->
           <!--},-->
           <!--on:function (id,type,fn) {//位元素绑定事件-->
               <!--let dom = typeof id==='string'?this.g(id):id;-->
               <!--if(dom.addListener){//dom2级添加事件-->
                   <!--dom.addListener(type,fn,false);-->
               <!--}else if(dom.attachEvent){-->
                   <!--dom.attachEvent("on"+type,fn);-->
               <!--}else {-->
                   <!--dom['on'+type] =fn;-->
               <!--}-->
           <!--}-->

       <!--}-->
       <!--A.on(window,"load",function () {-->
           <!--A.on('mybutton','click',function () {-->
              <!--alert("我被点击了");-->
           <!--});-->
       <!--})-->
   <!--</script>-->
<!--<script>-->
    <!--//参数适配器-->
    <!--function dosomeTHing(obj) {-->
        <!--var adaper = {-->
            <!--name:'yqf',-->
            <!--title:'设计模式',-->
            <!--age:'18',-->
            <!--size:1888-->
        <!--};-->
        <!--for (let i in adaper){-->
            <!--adaper[i] = obj[i]||adaper[i];-->
            <!--//如果 a = b||c b!={null,unfinder} a=b else a=c-->
        <!--}-->
        <!--return adaper;-->
    <!--}-->
    <!--console.log(dosomeTHing({name:"fqy"}));-->

<!--</script>-->
<!--<script>-->
    <!--//数据适配-->
    <!--let attr = ['javascript','book','前端语言','8月1日'];-->
    <!--function arrToobject(arr) {-->
        <!--return{-->
            <!--name:arr[0],-->
            <!--type:arr[1],-->
            <!--title:arr[2],-->
            <!--data:arr[3]-->
        <!--}-->
    <!--}-->
    <!--let adaterData = arrToobject(attr);-->
    <!--console.log(adaterData);-->
<!--</script>-->
<script>
    <!--服务器数据适配-->
    function AjaxAdater(data) {
        return [data[key1],data[key2]];
    }
    $.ajax({
      url:'',
        success:function () {
            
        }
    });
</script>
</body>
</html>