js里组合模式

组合模式：

将“对象”组合成树形结构以表示“部门-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性

模式-作用：

部门-整体结构

用户忽略组合对象和单个对象的不同，用户将统一使用组合结构中的所有方法

1.该模式经常和装饰者模式一起使用，因此装饰者必须支持具有add .remove

.getClichd等操作的 component接口

如下举例展示组合模式：

  function zhengti(argument){

  }

  zhengti.prototype.kaifei = function(){

      throw new Error("不能直接使用");

  }

  zhengti.prototype.mianbao = function(){

      throw new Error("不能直接使用");

  }

  function guke(){

  }

  guke.prototype.diancna= function(){

      var t = new zhengti;

      // 组合~

      t.kaifei(); 

  }

  guke.prototype.kaifei =function(){

  }

  guke.prototype.mianbao =function(){

}

//具体代码里面实现组合模式

1 当界面出现很多span标签时候，采用body~span进行事件绑定

2. 判断input输入数据时候，将判断逻辑提出函数进行处理