本文實(shí)例講述了javascript 設(shè)計(jì)模式之組合模式原理與應(yīng)用。分享給大家供大家參考，具體如下：

成都創(chuàng)新互聯(lián)：公司2013年成立為各行業(yè)開拓出企業(yè)自己的“網(wǎng)站建設(shè)”服務(wù)，為上千多家公司企業(yè)提供了專業(yè)的成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)和網(wǎng)站推廣服務(wù)， 按需定制開發(fā)由設(shè)計(jì)師親自精心設(shè)計(jì)，設(shè)計(jì)的效果完全按照客戶的要求，并適當(dāng)?shù)奶岢龊侠淼慕ㄗh，擁有的視覺效果，策劃師分析客戶的同行競爭對手，根據(jù)客戶的實(shí)際情況給出合理的網(wǎng)站構(gòu)架，制作客戶同行業(yè)具有領(lǐng)先地位的。

組合模式說明

組合模式用于簡單化，一致化對單組件和復(fù)合組件的使用；其實(shí)它就是一棵樹；

這棵樹有且只有一個(gè)根，訪問入口，如果它不是一棵空樹，那么由一個(gè)或幾個(gè)樹枝節(jié)點(diǎn)以及子葉節(jié)點(diǎn)組成，每個(gè)樹枝節(jié)點(diǎn)還包含自己的子樹枝以及子葉節(jié)點(diǎn)；

在面向?qū)ο缶幊讨?，葉子以及復(fù)雜對象(樹枝節(jié)點(diǎn))都繼承一個(gè)接口或抽象類分別實(shí)現(xiàn)；

這個(gè)抽象定義一般三個(gè)部分組成，組件的基本信息，Add方法，Remove方法；

葉子節(jié)點(diǎn)只包含本身的數(shù)據(jù)，Add, Remove 基本為空操作；

樹枝節(jié)點(diǎn)實(shí)現(xiàn)組件時(shí)，一般包含一個(gè)數(shù)組定義，用于存儲子葉或樹枝節(jié)點(diǎn)，還包括一個(gè)獲取所有子節(jié)點(diǎn)的方法: 如GetList；

實(shí)例場景：

1>. 自然界中的各種樹，樹長在大地人，樹頭(樹根)，即是入口點(diǎn)，這棵樹頭向上生長，即有自己的葉子，又有自己的子樹枝，某樹枝還有自己的葉子，跟子樹枝；

2>. 操作系統(tǒng)目錄結(jié)構(gòu)、公司部門組織架構(gòu)、國家省市縣、宇宙萬物都有單獨(dú)元物質(zhì)以及物物包含的現(xiàn)象，像這么看起來復(fù)雜的現(xiàn)象，都可以使用組合模式，即部分－整體模式來操作；

一棵樹:

 組合模式結(jié)構(gòu)圖:

實(shí)例源碼

1. Component 組件;

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

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享名稱：javascript設(shè)計(jì)模式之組合模式原理與應(yīng)用詳解-創(chuàng)新互聯(lián)
本文路徑：http://weahome.cn/article/ijsgd.html