javascript 设计模式之组合模式原理与应用详解

function Component() {
  this.name = '';
}

Component.prototype = {
  Add: function(p) {
    //rewrite
  },
  Remove: function(name) {
    //rewrite
  },
  set: function(name) {
    this.name = name;
  },
  operate: function() {
    //...
  }
}
var p = new Component();

function Leaf() {
  
}

Leaf.prototype = Object.create(p, {});

Leaf.prototype.get = function() {
  return this.name;
}

function Composite() {
  this.list = [];
}

Composite.prototype = Object.create(p, {});

Composite.prototype = {
  Add: function(p) {
    this.list.push(p);
  },
  Remove: function(name) {
    for (i in this.list) {
      var cmp = this.list[i];
      if (cmp.name == name) {
        delete this.list[i];
        break;
      }
    }
  },
  operate: function() {
    //do...
  },
  getList: function(name) {
    var cmp;
    for (i in this.list) {
      cmp = this.list[i];
      if (cmp.name == name) {
        break;
      }
    }
    return cmp;
  }
}

var root = new Composite();
root.set("root");

//叶子
var leaf = new Leaf();
leaf.set('顶级叶子');

root.Add(leaf);

//树枝节点;
var child = new Composite();
child.set('child');

var childschild = new Composite();
childschild.set('hild');

child.Add(childschild);

root.Add(child);

root.operate();