圖一（有問題的圖，需要提取）
圖二：合併根節點和樹枝節點
圖三：再次整合樹枝和葉子
圖四：刪除interface
理解：getSubordinateInfo()；在函數內，判斷當前對象是Branch or Leaf，if（Branch） {遍歷子，並獲調用子的getSubordinateInfo()}，else{當前對象.getInfo()}
addSubordinate()：添加當前節點的子。
定義：將對象組合成樹形結構以表 示“部分-整體”的層次結構，使得用戶對單個對象和組合對象的使用具有一致性。
通用類圖
實例：文件夾和文件的就是 組合模式
需求：無限變化 定義：將複雜對象（多種形態的對象，並且形態還可以增加）的構建和它的表現分離，使得同樣的構建過程，構建出不同的表現。 需求出現了改變，代碼必然變化，儘量讓這種變化出現在高層模塊。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>設計模式1</title> </head> <body>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript設計模式3</title> </head>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript設計模式</title> </head>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>設計模式4</title> </head> <body>
