专栏首页wfacebossJavaScript组合设模式--改进上述引入的例子

JavaScript组合设模式--改进上述引入的例子

对于组合设计模式:

 (1)组合模式中把对象分为两种(组合对象,和叶子对象)
 (2)组合对象和叶子对象实现:同一批操作
 (3)对组合对象执行的操作可以向下传递到叶子节点进行操作
 (4)这样就会弱化类与类之间的耦合
 (5)他常用的手法是把对象组合成属性结构的对象
根据组合模式的这些特性我们改写代码如下:
由于用到了接口检验所以我们先引入接口文件代码
//定义一个静态方法来实现接口与实现类的直接检验
//静态方法不要写出Interface.prototype ,因为这是写到接口的原型链上的
//我们要把静态的函数直接写到类层次上
//定义一个接口类
var Interface=function (name,methods) {//name:接口名字
    if(arguments.length<2){
        alert("必须是两个参数")
    }
    this.name=name;
    this.methods=[];//定义一个空数组装载函数名
    for(var i=0;i<methods.length;i++){
        if(typeof  methods[i]!="string"){
            alert("函数名必须是字符串类型");
        }else {
            this.methods.push( methods[i]);
        }
    }
};
Interface.ensureImplement=function (object) {
    if(arguments.length<2){
        throw  new Error("参数必须不少于2个")
        return false;
    }
    for(var i=1;i<arguments.length;i++){
        var inter=arguments[i];
        //如果是接口就必须是Interface类型
        if(inter.constructor!=Interface){
            throw  new Error("如果是接口类的话,就必须是Interface类型");
        }
        //判断接口中的方法是否全部实现
        //遍历函数集合
        for(var j=0;j<inter.methods.length;j++){
            var method=inter.methods[j];//接口中所有函数

            //object[method]传入的函数
            //最终是判断传入的函数是否与接口中所用函数匹配
            if(!object[method]||typeof object[method]!="function" ){//实现类中必须有方法名字与接口中所用方法名相同
                throw  new Error("实现类中没有完全实现接口中的所有方法")
            }
        }
    }
}

(1)统一接口

  var composite=new Interface("composite",["getChildByName","add"]);//侧重点获取子
    var student=new Interface("composite",["goToClass","finishClass"]);//侧重点为每个对象的实现

(2)定义组合类

 var compositeObj=function (name) {
                 this.name=name;
                 this.type="com";//默认是组合类
                 var childs=new Array();
                //得到相关的所有孩子节点
                 this.getChildByName=function (name) {
                     //涉及到递归
                     var toChilds=new Array();
                     if(!name){
                         for(var i=0;i<childs.length;i++){
                               if(childs[i].type=="com"){
                                   toChilds=toChilds.concat(childs[i].getChildByName())
                               }else {
                                   toChilds.push(childs[i]);
                               }
                         }
                     }else {
                         for (var i = 0; i < childs.length; i++){
                             if(childs[i].name==name){
                                 if(childs[i].type=="com"){
                                     toChilds=toChilds.concat(childs[i].getChildByName());
                                     break;
                                 }else {
                                     toChilds.push(childs[i]);
                                     break;
                                 }
                             }else {
                                 if(childs[i].type == "com"){
                                     toChilds =toChilds.concat(childs[i].getChildByName(name));
                                 }
                             }
                         }
                             }
                             return toChilds;
                 };
                 //增加子节点
                 this.add=function (child) {
                     childs.push(child);
                     return this;
                 };
                 //去上课
                this.goToClass=function (name) {
                var toChilds=this.getChildByName(name);
                  for(var i=0;i<toChilds.length;i++){
                            toChilds[i].goToClass();
                  }
            };
                    //下课
                 this.finishClass=function (name) {
            var toChilds=this.getChildByName(name);
            for(var i=0;i<toChilds.length;i++){
                toChilds[i].finishClass();
            }
        };
        Interface.ensureImplement(this,composite,student);
        };

(3)定义叶子类

    var studentObj=function (name) {
        this.name=name;
        this.type="student";//默认是叶子
        //得到所有孩子节点
      this.getChildByName=function (name) {
          if(this.name==name){
              return this;
          }else {
              return null;
          }
      }
      //增加子节点
        this.add=function (child) {
            throw  new Error("add 不成被初始化(在叶子了中)")
        }
        //去上课
        this.goToClass = function(name){
            document.write(this.name +" 去上课<br>");
        }
        //下课
        this.finishClass = function(name){
            document.write(this.name +" 下课<br>");
        }
        Interface.ensureImplement(this,composite,student);
    }

(4)应用---将学校,班级,组,学生关联起来

 var  astudent=new studentObj("我是a同学");
    var  bstudent=new studentObj("我是b同学");
    var  cstudent=new studentObj("我是c同学");
    var  dstudent=new studentObj("我是d同学");
    var  estudent=new studentObj("我是e同学");
    var  fstudent=new studentObj("我是f同学");
    var  gstudent=new studentObj("我是g同学");
    var  hstudent=new studentObj("我是h同学");
    var  istudent=new studentObj("我是i同学");

    var one = new compositeObj("一班");
    var oneOne = new compositeObj("一班一组");
    oneOne.add(astudent).add(bstudent);
    var oneTwo = new compositeObj("一班二组");
    oneTwo.add(cstudent).add(dstudent);

    one.add(oneOne).add(oneTwo);
    var two = new compositeObj("二班");
    var twoOne = new compositeObj("二班一组");
    twoOne.add(estudent).add(fstudent);
    var twoTwo = new compositeObj("二班二组");
    twoTwo.add(gstudent).add(hstudent).add(istudent)
    two.add(twoOne).add(twoTwo);
    var usPcat = new compositeObj("组合设计模式培训学校");
    usPcat.add(one).add(two);

(5)客户端调用API,只需要简单的安排去上课即可,也就是客户端只需要写去上课的代码即可

  usPcat.goToClass();
    document.write("-------------------------<br>");
    usPcat.goToClass("一班");
    document.write("-------------------------<br>");
    usPcat.goToClass("二班一组");

总结,

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript责任链模式

    责任链模式(Chain of responsibility)是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系。将对象连成一条链,并沿着这...

    wfaceboss
  • JavaScript组合模式---引入

    最后,我只是想安排一个都要写这么多的代码,那如何是一个学校有上千个班级,那么要疯了。

    wfaceboss
  • JavaScript代理模式

    代理模式的定义,代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同的接口,但是他不同于装饰者模式,它对目标对象不进行任何修改,它的...

    wfaceboss
  • JavaScript的自定义对象

    var obj1 = new Object(), obj2 = {};//Object 对象

    小小鱼儿小小林
  • JavaScript对象编程-第3章

    时间:UTC全球标准时间,也被称为格林威治标准时间,UTC+800指比格林威治标准时间提前8个小时,也是北京时间。

    达达前端
  • reactor-netty中TcpClient的create过程

    本文主要研究一下reactor-netty中TcpClient的create的过程

    codecraft
  • 布局管理器

     针对我们之前留下的作业来说,当缩放外层Frame窗口的大小时,内层Panel并不会随之改变大小,所以我们需要一个事件监听,让他能够随之改变,但是这样太麻烦了,...

    mathor
  • JQuery碎碎念

    IT故事会
  • 比较实用的jQuery代码段

    版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

    奋飛
  • 谈谈关于MVP模式中V-P交互问题

    在差不多两年的时间内,我们项目组几十来号人都扑在一个项目上面。这是一个基于微软SCSF(Smart Client Software Factory)的项目,客户...

    蒋金楠

扫码关注云+社区

领取腾讯云代金券